#caf0f0 Color Information
In a RGB color space, hex #caf0f0 is composed of 79.2% red, 94.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 0% yellow and 5.9% black. It has a hue angle of 180 degrees, a saturation of 55.9% and a lightness of 86.7%. #caf0f0 color hex could be obtained by blending #ffffff with #95e1e1. Closest websafe color is: #ccffff.
-
- R 79
- G 94
- B 94
-
- C 16
- M 0
- Y 0
- K 6
● #caf0f0 color description : Light grayish cyan.
#caf0f0 Color Conversion
The hexadecimal color #caf0f0 has RGB values of R:202, G:240, B:240 and CMYK values of C:0.16, M:0, Y:0, K:0.06. Its decimal value is 13299952.
Hex triplet | caf0f0 | #caf0f0 |
---|---|---|
RGB Decimal | 202, 240, 240 | rgb(202,240,240) |
RGB Percent | 79.2, 94.1, 94.1 | rgb(79.2%,94.1%,94.1%) |
CMYK | 16, 0, 0, 6 | |
HSL | 180°, 55.9, 86.7 | hsl(180,55.9%,86.7%) |
HSV (or HSB) | 180°, 15.8, 94.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.206, -12.216, -4.11 |
---|---|
XYZ | 71.242, 81.166, 94.346 |
xyY | 0.289, 0.329, 81.166 |
CIE-LCH | 92.206, 12.889, 198.594 |
CIE-LUV | 92.206, -19.823, -4.288 |
Hunter-Lab | 90.092, -16.51, 0.975 |
Binary | 11001010, 11110000, 11110000 |
Color Schemes with #caf0f0
Alternatives to #caf0f0
Below, you can see some colors close to #caf0f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf0f0 Preview
This text has a font color of #caf0f0.
<span style="color:#caf0f0;">Text here</span>
This paragraph has a background color of #caf0f0.
<p style="background-color:#caf0f0;">Content here</p>
This element has a border color of #caf0f0.
<div style="border:1px solid #caf0f0;">Content here</div>
.text {color:#caf0f0;}
.background {background-color:#caf0f0;}
.border {border:1px solid #caf0f0;}
Shades and Tints of #caf0f0
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, #020808 is the darkest color, while #f8fdfd is the lightest one.
-
#020808
#020808
rgb(2,8,8)
-
#071717
#071717
rgb(7,23,23)
-
#0b2727
#0b2727
rgb(11,39,39)
-
#0f3636
#0f3636
rgb(15,54,54)
-
#144545
#144545
rgb(20,69,69)
-
#185555
#185555
rgb(24,85,85)
-
#1c6464
#1c6464
rgb(28,100,100)
-
#217373
#217373
rgb(33,115,115)
-
#258282
#258282
rgb(37,130,130)
-
#299292
#299292
rgb(41,146,146)
-
#2ea1a1
#2ea1a1
rgb(46,161,161)
-
#32b0b0
#32b0b0
rgb(50,176,176)
-
#36c0c0
#36c0c0
rgb(54,192,192)
-
#40c9c9
#40c9c9
rgb(64,201,201)
-
#50cdcd
#50cdcd
rgb(80,205,205)
-
#5fd2d2
#5fd2d2
rgb(95,210,210)
-
#6ed6d6
#6ed6d6
rgb(110,214,214)
-
#7edada
#7edada
rgb(126,218,218)
-
#8ddfdf
#8ddfdf
rgb(141,223,223)
-
#9ce3e3
#9ce3e3
rgb(156,227,227)
-
#abe7e7
#abe7e7
rgb(171,231,231)
-
#bbecec
#bbecec
rgb(187,236,236)
-
#caf0f0
#caf0f0
rgb(202,240,240)
-
#d9f4f4
#d9f4f4
rgb(217,244,244)
-
#e9f9f9
#e9f9f9
rgb(233,249,249)
-
#f8fdfd
#f8fdfd
rgb(248,253,253)
Tones of #caf0f0
A tone is produced by adding gray to any pure hue. In this case, #dcdede is the less saturated color, while #bdfdfd is the most saturated one.
-
#dcdede
#dcdede
rgb(220,222,222)
-
#dae0e0
#dae0e0
rgb(218,224,224)
-
#d7e3e3
#d7e3e3
rgb(215,227,227)
-
#d4e6e6
#d4e6e6
rgb(212,230,230)
-
#d2e8e8
#d2e8e8
rgb(210,232,232)
-
#cfebeb
#cfebeb
rgb(207,235,235)
-
#cdeded
#cdeded
rgb(205,237,237)
-
#caf0f0
#caf0f0
rgb(202,240,240)
-
#c7f3f3
#c7f3f3
rgb(199,243,243)
-
#c5f5f5
#c5f5f5
rgb(197,245,245)
-
#c2f8f8
#c2f8f8
rgb(194,248,248)
-
#c0fafa
#c0fafa
rgb(192,250,250)
-
#bdfdfd
#bdfdfd
rgb(189,253,253)
Color Blindness Simulator
Below, you can see how #caf0f0 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.