#08caf4 hex color

In a RGB color space, hex #08caf4 is composed of 3.1% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 190.7 degrees, a saturation of 93.7% and a lightness of 49.4%. #08caf4 color hex could be obtained by blending #10ffff with #0095e9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 3
- G 79
- B 96
RGB color chart
- C 97
- M 17
- Y 0
- K 4
CMYK color chart

● #08caf4 color description : Vivid cyan.

The hexadecimal color #08caf4 has RGB values of R:8, G:202, B:244 and CMYK values of C:0.97, M:0.17, Y:0, K:0.04. Its decimal value is 576244.

Hex triplet	08caf4	`#08caf4`
RGB Decimal	8, 202, 244	`rgb(8,202,244)`
RGB Percent	3.1, 79.2, 95.7	`rgb(3.1%,79.2%,95.7%)`
CMYK	97, 17, 0, 4
HSL	190.7°, 93.7, 49.4	`hsl(190.7,93.7%,49.4%)`
HSV (or HSB)	190.7°, 96.7, 95.7
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.34, -26.838, -32.296
XYZ	37.545, 48.821, 93.027
xyY	0.209, 0.272, 48.821
CIE-LCH	75.34, 41.992, 230.274
CIE-LUV	75.34, -53.54, -48.432
Hunter-Lab	69.872, -26.359, -30.029
Binary	00001000, 11001010, 11110100

#08caf4
```
#08caf4 rgb(8,202,244)
```
#f43208
```
#f43208 rgb(244,50,8)
```

Complementary Color

#08f4a8
```
#08f4a8 rgb(8,244,168)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```
#0854f4
```
#0854f4 rgb(8,84,244)
```

Analogous Color

#f4a808
```
#f4a808 rgb(244,168,8)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```
#f40854
```
#f40854 rgb(244,8,84)
```

Split Complementary Color

#caf408
```
#caf408 rgb(202,244,8)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```
#f408ca
```
#f408ca rgb(244,8,202)
```

Triadic Color

#08f432
```
#08f432 rgb(8,244,50)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```
#f408ca
```
#f408ca rgb(244,8,202)
```
#f43208
```
#f43208 rgb(244,50,8)
```

Tetradic Color

#068daa
```
#068daa rgb(6,141,170)
```
#06a1c3
```
#06a1c3 rgb(6,161,195)
```
#07b6db
```
#07b6db rgb(7,182,219)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```
#1ed1f8
```
#1ed1f8 rgb(30,209,248)
```
#37d6f8
```
#37d6f8 rgb(55,214,248)
```
#4fdbf9
```
#4fdbf9 rgb(79,219,249)
```

Monochromatic Color

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

#08f4e3
```
#08f4e3 rgb(8,244,227)
```
#08f1f4
```
#08f1f4 rgb(8,241,244)
```
#08def4
```
#08def4 rgb(8,222,244)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```
#08b6f4
```
#08b6f4 rgb(8,182,244)
```
#08a3f4
```
#08a3f4 rgb(8,163,244)
```
#088ff4
```
#088ff4 rgb(8,143,244)
```

Similar Colors

Text with hexadecimal color #08caf4

This text has a font color of #08caf4.

<span style="color:#08caf4;">Text here</span>

#08caf4 background color

This paragraph has a background color of #08caf4.

<p style="background-color:#08caf4;">Content here</p>

#08caf4 border color

This element has a border color of #08caf4.

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

CSS codes

.text {color:#08caf4;}

.background {background-color:#08caf4;}

.border {border:1px solid #08caf4;}

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, #010d10 is the darkest color, while #fcfeff is the lightest one.

#010d10
```
#010d10 rgb(1,13,16)
```
#011d23
```
#011d23 rgb(1,29,35)
```
#022d36
```
#022d36 rgb(2,45,54)
```
#023c49
```
#023c49 rgb(2,60,73)
```
#034c5c
```
#034c5c rgb(3,76,92)
```
#045c6f
```
#045c6f rgb(4,92,111)
```
#046c82
```
#046c82 rgb(4,108,130)
```
#057b95
```
#057b95 rgb(5,123,149)
```
#068ba8
```
#068ba8 rgb(6,139,168)
```
#069bbb
```
#069bbb rgb(6,155,187)
```
#07abce
```
#07abce rgb(7,171,206)
```
#07bae1
```
#07bae1 rgb(7,186,225)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```

Shade Color Variation

#18d0f7
```
#18d0f7 rgb(24,208,247)
```
#2bd4f8
```
#2bd4f8 rgb(43,212,248)
```
#3ed7f9
```
#3ed7f9 rgb(62,215,249)
```
#51dbf9
```
#51dbf9 rgb(81,219,249)
```
#64dffa
```
#64dffa rgb(100,223,250)
```
#77e3fb
```
#77e3fb rgb(119,227,251)
```
#8ae7fb
```
#8ae7fb rgb(138,231,251)
```
#9debfc
```
#9debfc rgb(157,235,252)
```
#b0effc
```
#b0effc rgb(176,239,252)
```
#c3f3fd
```
#c3f3fd rgb(195,243,253)
```
#d6f7fe
```
#d6f7fe rgb(214,247,254)
```
#e9fbfe
```
#e9fbfe rgb(233,251,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#7c7f80
```
#7c7f80 rgb(124,127,128)
```
#738589
```
#738589 rgb(115,133,137)
```
#698c93
```
#698c93 rgb(105,140,147)
```
#5f929d
```
#5f929d rgb(95,146,157)
```
#5698a6
```
#5698a6 rgb(86,152,166)
```
#4c9eb0
```
#4c9eb0 rgb(76,158,176)
```
#42a5ba
```
#42a5ba rgb(66,165,186)
```
#38abc4
```
#38abc4 rgb(56,171,196)
```
#2fb1cd
```
#2fb1cd rgb(47,177,205)
```
#25b7d7
```
#25b7d7 rgb(37,183,215)
```
#1bbee1
```
#1bbee1 rgb(27,190,225)
```
#12c4ea
```
#12c4ea rgb(18,196,234)
```
#08caf4
```
#08caf4 rgb(8,202,244)
```

Tone Color Variation

Below, you can see how #08caf4 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

#959595 Achromatopsia 0.005% of the population
#79a0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bbe9 Protanopia 1% of men
#a8bafb Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#73c0ed Protanomaly 1% of men, 0.01% of women
#6ec0f8 Deuteranomaly 6% of men, 0.4% of women
#02cde6 Tritanomaly 0.01% of the population

#08caf4 hex color

#08caf4 Color Information

#08caf4 Color Conversion

Color Schemes with #08caf4

Alternatives to #08caf4

#08caf4 Preview

Shades and Tints of #08caf4

Tones of #08caf4

Color Blindness Simulator