#00caf5 hex color

In a RGB color space, hex #00caf5 is composed of 0% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 190.5 degrees, a saturation of 100% and a lightness of 48%. #00caf5 color hex could be obtained by blending #00ffff with #0095eb. Closest websafe color is: #00ccff.

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

● #00caf5 color description : Pure (or mostly pure) cyan.

The hexadecimal color #00caf5 has RGB values of R:0, G:202, B:245 and CMYK values of C:1, M:0.18, Y:0, K:0.04. Its decimal value is 51957.

Hex triplet	00caf5	`#00caf5`
RGB Decimal	0, 202, 245	`rgb(0,202,245)`
RGB Percent	0, 79.2, 96.1	`rgb(0%,79.2%,96.1%)`
CMYK	100, 18, 0, 4
HSL	190.5°, 100, 48	`hsl(190.5,100%,48%)`
HSV (or HSB)	190.5°, 100, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.345, -26.693, -32.827
XYZ	37.597, 48.83, 93.825
xyY	0.209, 0.271, 48.83
CIE-LCH	75.345, 42.31, 230.884
CIE-LUV	75.345, -53.694, -49.366
Hunter-Lab	69.878, -26.247, -30.693
Binary	00000000, 11001010, 11110101

#00caf5
```
#00caf5 rgb(0,202,245)
```
#f52b00
```
#f52b00 rgb(245,43,0)
```

Complementary Color

#00f5a6
```
#00f5a6 rgb(0,245,166)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```
#0050f5
```
#0050f5 rgb(0,80,245)
```

Analogous Color

#f5a600
```
#f5a600 rgb(245,166,0)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```
#f50050
```
#f50050 rgb(245,0,80)
```

Split Complementary Color

#caf500
```
#caf500 rgb(202,245,0)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```
#f500ca
```
#f500ca rgb(245,0,202)
```

Triadic Color

#00f52b
```
#00f52b rgb(0,245,43)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```
#f500ca
```
#f500ca rgb(245,0,202)
```
#f52b00
```
#f52b00 rgb(245,43,0)
```

Tetradic Color

#008ba9
```
#008ba9 rgb(0,139,169)
```
#00a0c2
```
#00a0c2 rgb(0,160,194)
```
#00b5dc
```
#00b5dc rgb(0,181,220)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```
#10d5ff
```
#10d5ff rgb(16,213,255)
```
#29d9ff
```
#29d9ff rgb(41,217,255)
```
#43deff
```
#43deff rgb(67,222,255)
```

Monochromatic Color

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

#00f5e3
```
#00f5e3 rgb(0,245,227)
```
#00f3f5
```
#00f3f5 rgb(0,243,245)
```
#00def5
```
#00def5 rgb(0,222,245)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```
#00b6f5
```
#00b6f5 rgb(0,182,245)
```
#00a1f5
```
#00a1f5 rgb(0,161,245)
```
#008df5
```
#008df5 rgb(0,141,245)
```

Similar Colors

Text with hexadecimal color #00caf5

This text has a font color of #00caf5.

<span style="color:#00caf5;">Text here</span>

#00caf5 background color

This paragraph has a background color of #00caf5.

<p style="background-color:#00caf5;">Content here</p>

#00caf5 border color

This element has a border color of #00caf5.

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

CSS codes

.text {color:#00caf5;}

.background {background-color:#00caf5;}

.border {border:1px solid #00caf5;}

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, #00080a is the darkest color, while #f5fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00181d
```
#00181d rgb(0,24,29)
```
#002831
```
#002831 rgb(0,40,49)
```
#003844
```
#003844 rgb(0,56,68)
```
#004958
```
#004958 rgb(0,73,88)
```
#00596c
```
#00596c rgb(0,89,108)
```
#00697f
```
#00697f rgb(0,105,127)
```
#007993
```
#007993 rgb(0,121,147)
```
#0089a7
```
#0089a7 rgb(0,137,167)
```
#0099ba
```
#0099ba rgb(0,153,186)
```
#00aace
```
#00aace rgb(0,170,206)
```
#00bae1
```
#00bae1 rgb(0,186,225)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```

Shade Color Variation

#0ad4ff
```
#0ad4ff rgb(10,212,255)
```
#1dd7ff
```
#1dd7ff rgb(29,215,255)
```
#31dbff
```
#31dbff rgb(49,219,255)
```
#44deff
```
#44deff rgb(68,222,255)
```
#58e2ff
```
#58e2ff rgb(88,226,255)
```
#6ce5ff
```
#6ce5ff rgb(108,229,255)
```
#7fe9ff
```
#7fe9ff rgb(127,233,255)
```
#93ecff
```
#93ecff rgb(147,236,255)
```
#a7efff
```
#a7efff rgb(167,239,255)
```
#baf3ff
```
#baf3ff rgb(186,243,255)
```
#cef6ff
```
#cef6ff rgb(206,246,255)
```
#e1faff
```
#e1faff rgb(225,250,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #718184 is the less saturated color, while #00caf5 is the most saturated one.

#718184
```
#718184 rgb(113,129,132)
```
#68878d
```
#68878d rgb(104,135,141)
```
#5e8d97
```
#5e8d97 rgb(94,141,151)
```
#5593a0
```
#5593a0 rgb(85,147,160)
```
#4b99aa
```
#4b99aa rgb(75,153,170)
```
#429fb3
```
#429fb3 rgb(66,159,179)
```
#39a5bc
```
#39a5bc rgb(57,165,188)
```
#2fabc6
```
#2fabc6 rgb(47,171,198)
```
#26b2cf
```
#26b2cf rgb(38,178,207)
```
#1cb8d9
```
#1cb8d9 rgb(28,184,217)
```
#13bee2
```
#13bee2 rgb(19,190,226)
```
#09c4ec
```
#09c4ec rgb(9,196,236)
```
#00caf5
```
#00caf5 rgb(0,202,245)
```

Tone Color Variation

Below, you can see how #00caf5 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

#939393 Achromatopsia 0.005% of the population
#769ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bbea Protanopia 1% of men
#a7bbfc Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#70c0ee Protanomaly 1% of men, 0.01% of women
#6ac0f9 Deuteranomaly 6% of men, 0.4% of women
#00cde6 Tritanomaly 0.01% of the population

#00caf5 hex color

#00caf5 Color Information

#00caf5 Color Conversion

Color Schemes with #00caf5

Alternatives to #00caf5

#00caf5 Preview

Shades and Tints of #00caf5

Tones of #00caf5

Color Blindness Simulator