colorhexa.com

#0f3ae6 hex color

In a RGB color space, hex #0f3ae6 is composed of 5.9% red, 22.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 93.5% cyan, 74.8% magenta, 0% yellow and 9.8% black. It has a hue angle of 228 degrees, a saturation of 87.8% and a lightness of 48%. #0f3ae6 color hex could be obtained by blending #1e74ff with #0000cd. Closest websafe color is: #0033ff.

- R 6
- G 23
- B 90
RGB color chart
- C 93
- M 75
- Y 0
- K 10
CMYK color chart

● #0f3ae6 color description : Vivid blue.

The hexadecimal color #0f3ae6 has RGB values of R:15, G:58, B:230 and CMYK values of C:0.93, M:0.75, Y:0, K:0.1. Its decimal value is 998118.

Hex triplet	0f3ae6	`#0f3ae6`
RGB Decimal	15, 58, 230	`rgb(15,58,230)`
RGB Percent	5.9, 22.7, 90.2	`rgb(5.9%,22.7%,90.2%)`
CMYK	93, 75, 0, 10
HSL	228°, 87.8, 48	`hsl(228,87.8%,48%)`
HSV (or HSB)	228°, 93.5, 90.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.674, 53.289, -88.102
XYZ	15.99, 8.84, 75.722
xyY	0.159, 0.088, 8.84
CIE-LCH	35.674, 102.965, 301.168
CIE-LUV	35.674, -12.809, -119.004
Hunter-Lab	29.731, 43.971, -130.192
Binary	00001111, 00111010, 11100110

#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#e6bb0f
```
#e6bb0f rgb(230,187,15)
```

Complementary Color

#0fa6e6
```
#0fa6e6 rgb(15,166,230)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#500fe6
```
#500fe6 rgb(80,15,230)
```

Analogous Color

#a6e60f
```
#a6e60f rgb(166,230,15)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#e6500f
```
#e6500f rgb(230,80,15)
```

Split Complementary Color

#3ae60f
```
#3ae60f rgb(58,230,15)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#e60f3a
```
#e60f3a rgb(230,15,58)
```

Triadic Color

#0fe6bb
```
#0fe6bb rgb(15,230,187)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#e60f3a
```
#e60f3a rgb(230,15,58)
```
#e6bb0f
```
#e6bb0f rgb(230,187,15)
```

Tetradic Color

#0a289e
```
#0a289e rgb(10,40,158)
```
#0c2eb6
```
#0c2eb6 rgb(12,46,182)
```
#0d34ce
```
#0d34ce rgb(13,52,206)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#1e48f0
```
#1e48f0 rgb(30,72,240)
```
#365cf2
```
#365cf2 rgb(54,92,242)
```
#4e6ff3
```
#4e6ff3 rgb(78,111,243)
```

Monochromatic Color

Below, you can see some colors close to #0f3ae6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0f70e6
```
#0f70e6 rgb(15,112,230)
```
#0f5ee6
```
#0f5ee6 rgb(15,94,230)
```
#0f4ce6
```
#0f4ce6 rgb(15,76,230)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#0f28e6
```
#0f28e6 rgb(15,40,230)
```
#0f16e6
```
#0f16e6 rgb(15,22,230)
```
#1a0fe6
```
#1a0fe6 rgb(26,15,230)
```

Similar Colors

Text with hexadecimal color #0f3ae6

This text has a font color of #0f3ae6.

<span style="color:#0f3ae6;">Text here</span>

#0f3ae6 background color

This paragraph has a background color of #0f3ae6.

<p style="background-color:#0f3ae6;">Content here</p>

#0f3ae6 border color

This element has a border color of #0f3ae6.

<div style="border:1px solid #0f3ae6;">Content here</div>

CSS codes

.text {color:#0f3ae6;}

.background {background-color:#0f3ae6;}

.border {border:1px solid #0f3ae6;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010209 is the darkest color, while #f6f7fe is the lightest one.

#010209
```
#010209 rgb(1,2,9)
```
#02071b
```
#02071b rgb(2,7,27)
```
#030c2e
```
#030c2e rgb(3,12,46)
```
#041040
```
#041040 rgb(4,16,64)
```
#051553
```
#051553 rgb(5,21,83)
```
#071965
```
#071965 rgb(7,25,101)
```
#081e78
```
#081e78 rgb(8,30,120)
```
#09238a
```
#09238a rgb(9,35,138)
```
#0a279c
```
#0a279c rgb(10,39,156)
```
#0b2caf
```
#0b2caf rgb(11,44,175)
```
#0d31c1
```
#0d31c1 rgb(13,49,193)
```
#0e35d4
```
#0e35d4 rgb(14,53,212)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```

Shade Color Variation

#1944f0
```
#1944f0 rgb(25,68,240)
```
#2b53f1
```
#2b53f1 rgb(43,83,241)
```
#3d62f2
```
#3d62f2 rgb(61,98,242)
```
#5071f4
```
#5071f4 rgb(80,113,244)
```
#6280f5
```
#6280f5 rgb(98,128,245)
```
#758ff6
```
#758ff6 rgb(117,143,246)
```
#879ef7
```
#879ef7 rgb(135,158,247)
```
#9aadf8
```
#9aadf8 rgb(154,173,248)
```
#acbbfa
```
#acbbfa rgb(172,187,250)
```
#becafb
```
#becafb rgb(190,202,251)
```
#d1d9fc
```
#d1d9fc rgb(209,217,252)
```
#e3e8fd
```
#e3e8fd rgb(227,232,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77787e is the less saturated color, while #0634ef is the most saturated one.

#77787e
```
#77787e rgb(119,120,126)
```
#6d7388
```
#6d7388 rgb(109,115,136)
```
#646d91
```
#646d91 rgb(100,109,145)
```
#5a679b
```
#5a679b rgb(90,103,155)
```
#5162a4
```
#5162a4 rgb(81,98,164)
```
#485cad
```
#485cad rgb(72,92,173)
```
#3e56b7
```
#3e56b7 rgb(62,86,183)
```
#3551c0
```
#3551c0 rgb(53,81,192)
```
#2b4bca
```
#2b4bca rgb(43,75,202)
```
#2245d3
```
#2245d3 rgb(34,69,211)
```
#1840dd
```
#1840dd rgb(24,64,221)
```
#0f3ae6
```
#0f3ae6 rgb(15,58,230)
```
#0634ef
```
#0634ef rgb(6,52,239)
```

Tone Color Variation

Below, you can see how #0f3ae6 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#414141 Achromatopsia 0.005% of the population
#374062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#054ec3 Protanomaly 1% of men, 0.01% of women
#0551b4 Deuteranomaly 6% of men, 0.4% of women
#055697 Tritanomaly 0.01% of the population