#0f6af3 hex color

In a RGB color space, hex #0f6af3 is composed of 5.9% red, 41.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 56.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 216.1 degrees, a saturation of 90.5% and a lightness of 50.6%. #0f6af3 color hex could be obtained by blending #1ed4ff with #0000e7. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 42
- B 95
RGB color chart
- C 94
- M 56
- Y 0
- K 5
CMYK color chart

● #0f6af3 color description : Vivid blue.

The hexadecimal color #0f6af3 has RGB values of R:15, G:106, B:243 and CMYK values of C:0.94, M:0.56, Y:0, K:0.05. Its decimal value is 1010419.

Hex triplet	0f6af3	`#0f6af3`
RGB Decimal	15, 106, 243	`rgb(15,106,243)`
RGB Percent	5.9, 41.6, 95.3	`rgb(5.9%,41.6%,95.3%)`
CMYK	94, 56, 0, 5
HSL	216.1°, 90.5, 50.6	`hsl(216.1,90.5%,50.6%)`
HSV (or HSB)	216.1°, 93.8, 95.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.107, 28.447, -74.996
XYZ	21.525, 16.879, 86.913
xyY	0.172, 0.135, 16.879
CIE-LCH	48.107, 80.21, 290.772
CIE-LUV	48.107, -23.163, -115.466
Hunter-Lab	41.084, 21.625, -96.669
Binary	00001111, 01101010, 11110011

#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#f3980f
```
#f3980f rgb(243,152,15)
```

Complementary Color

#0fdcf3
```
#0fdcf3 rgb(15,220,243)
```
#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#260ff3
```
#260ff3 rgb(38,15,243)
```

Analogous Color

#dcf30f
```
#dcf30f rgb(220,243,15)
```
#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#f3260f
```
#f3260f rgb(243,38,15)
```

Split Complementary Color

#6af30f
```
#6af30f rgb(106,243,15)
```
#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#f30f6a
```
#f30f6a rgb(243,15,106)
```

Triadic Color

#0ff398
```
#0ff398 rgb(15,243,152)
```
#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#f30f6a
```
#f30f6a rgb(243,15,106)
```
#f3980f
```
#f3980f rgb(243,152,15)
```

Tetradic Color

#094aad
```
#094aad rgb(9,74,173)
```
#0a55c5
```
#0a55c5 rgb(10,85,197)
```
#0b5fdd
```
#0b5fdd rgb(11,95,221)
```
#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#2779f4
```
#2779f4 rgb(39,121,244)
```
#4088f5
```
#4088f5 rgb(64,136,245)
```
#5897f7
```
#5897f7 rgb(88,151,247)
```

Monochromatic Color

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

#0fa3f3
```
#0fa3f3 rgb(15,163,243)
```
#0f90f3
```
#0f90f3 rgb(15,144,243)
```
#0f7df3
```
#0f7df3 rgb(15,125,243)
```
#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#0f57f3
```
#0f57f3 rgb(15,87,243)
```
#0f44f3
```
#0f44f3 rgb(15,68,243)
```
#0f31f3
```
#0f31f3 rgb(15,49,243)
```

Similar Colors

Text with hexadecimal color #0f6af3

This text has a font color of #0f6af3.

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

#0f6af3 background color

This paragraph has a background color of #0f6af3.

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

#0f6af3 border color

This element has a border color of #0f6af3.

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

CSS codes

.text {color:#0f6af3;}

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

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

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, #000103 is the darkest color, while #eff5fe is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010916
```
#010916 rgb(1,9,22)
```
#021128
```
#021128 rgb(2,17,40)
```
#03193b
```
#03193b rgb(3,25,59)
```
#04214e
```
#04214e rgb(4,33,78)
```
#052960
```
#052960 rgb(5,41,96)
```
#063173
```
#063173 rgb(6,49,115)
```
#073986
```
#073986 rgb(7,57,134)
```
#084198
```
#084198 rgb(8,65,152)
```
#0949ab
```
#0949ab rgb(9,73,171)
```
#0951be
```
#0951be rgb(9,81,190)
```
#0a59d0
```
#0a59d0 rgb(10,89,208)
```
#0b61e3
```
#0b61e3 rgb(11,97,227)
```

Shade Color Variation

#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#2276f4
```
#2276f4 rgb(34,118,244)
```
#3481f5
```
#3481f5 rgb(52,129,245)
```
#478df6
```
#478df6 rgb(71,141,246)
```
#5a98f7
```
#5a98f7 rgb(90,152,247)
```
#6ca4f8
```
#6ca4f8 rgb(108,164,248)
```
#7fb0f9
```
#7fb0f9 rgb(127,176,249)
```
#92bbfa
```
#92bbfa rgb(146,187,250)
```
#a4c7fa
```
#a4c7fa rgb(164,199,250)
```
#b7d2fb
```
#b7d2fb rgb(183,210,251)
```
#cadefc
```
#cadefc rgb(202,222,252)
```
#dceafd
```
#dceafd rgb(220,234,253)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8088 is the less saturated color, while #0568fd is the most saturated one.

#7a8088
```
#7a8088 rgb(122,128,136)
```
#707e92
```
#707e92 rgb(112,126,146)
```
#667c9c
```
#667c9c rgb(102,124,156)
```
#5d7aa5
```
#5d7aa5 rgb(93,122,165)
```
#5378af
```
#5378af rgb(83,120,175)
```
#4976b9
```
#4976b9 rgb(73,118,185)
```
#3f74c3
```
#3f74c3 rgb(63,116,195)
```
#3672cc
```
#3672cc rgb(54,114,204)
```
#2c70d6
```
#2c70d6 rgb(44,112,214)
```
#226ee0
```
#226ee0 rgb(34,110,224)
```
#196ce9
```
#196ce9 rgb(25,108,233)
```
#0f6af3
```
#0f6af3 rgb(15,106,243)
```
#0568fd
```
#0568fd rgb(5,104,253)
```

Tone Color Variation

Below, you can see how #0f6af3 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

#5e5e5e Achromatopsia 0.005% of the population
#4e607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0571eb Protanomaly 1% of men, 0.01% of women
#0575d8 Deuteranomaly 6% of men, 0.4% of women
#057bb1 Tritanomaly 0.01% of the population

#0f6af3 hex color

#0f6af3 Color Information

#0f6af3 Color Conversion

Color Schemes with #0f6af3

Alternatives to #0f6af3

#0f6af3 Preview

Shades and Tints of #0f6af3

Tones of #0f6af3

Color Blindness Simulator