#caf0f1 Color Information
In a RGB color space, hex #caf0f1 is composed of 79.2% red, 94.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 181.5 degrees, a saturation of 58.2% and a lightness of 86.9%. #caf0f1 color hex could be obtained by blending #ffffff with #95e1e3. Closest websafe color is: #ccffff.
-
- R 79
- G 94
- B 95
-
- C 16
- M 0
- Y 0
- K 5
● #caf0f1 color description : Light grayish cyan.
#caf0f1 Color Conversion
The hexadecimal color #caf0f1 has RGB values of R:202, G:240, B:241 and CMYK values of C:0.16, M:0, Y:0, K:0.05. Its decimal value is 13299953.
Hex triplet | caf0f1 | #caf0f1 |
---|---|---|
RGB Decimal | 202, 240, 241 | rgb(202,240,241) |
RGB Percent | 79.2, 94.1, 94.5 | rgb(79.2%,94.1%,94.5%) |
CMYK | 16, 0, 0, 5 | |
HSL | 181.5°, 58.2, 86.9 | hsl(181.5,58.2%,86.9%) |
HSV (or HSB) | 181.5°, 16.2, 94.5 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.232, -12.014, -4.591 |
---|---|
XYZ | 71.391, 81.226, 95.131 |
xyY | 0.288, 0.328, 81.226 |
CIE-LCH | 92.232, 12.861, 200.915 |
CIE-LUV | 92.232, -19.844, -5.083 |
Hunter-Lab | 90.125, -16.325, 0.505 |
Binary | 11001010, 11110000, 11110001 |
Color Schemes with #caf0f1
Alternatives to #caf0f1
Below, you can see some colors close to #caf0f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf0f1 Preview
This text has a font color of #caf0f1.
<span style="color:#caf0f1;">Text here</span>
This paragraph has a background color of #caf0f1.
<p style="background-color:#caf0f1;">Content here</p>
This element has a border color of #caf0f1.
<div style="border:1px solid #caf0f1;">Content here</div>
.text {color:#caf0f1;}
.background {background-color:#caf0f1;}
.border {border:1px solid #caf0f1;}
Shades and Tints of #caf0f1
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, #020909 is the darkest color, while #f9fdfd is the lightest one.
-
#020909
#020909
rgb(2,9,9)
-
#061819
#061819
rgb(6,24,25)
-
#0b2728
#0b2728
rgb(11,39,40)
-
#0f3738
#0f3738
rgb(15,55,56)
-
#134647
#134647
rgb(19,70,71)
-
#175557
#175557
rgb(23,85,87)
-
#1b6466
#1b6466
rgb(27,100,102)
-
#1f7376
#1f7376
rgb(31,115,118)
-
#238385
#238385
rgb(35,131,133)
-
#279295
#279295
rgb(39,146,149)
-
#2ba1a4
#2ba1a4
rgb(43,161,164)
-
#2fb0b4
#2fb0b4
rgb(47,176,180)
-
#34c0c3
#34c0c3
rgb(52,192,195)
-
#3ec8cc
#3ec8cc
rgb(62,200,204)
-
#4ecdd0
#4ecdd0
rgb(78,205,208)
-
#5dd1d4
#5dd1d4
rgb(93,209,212)
-
#6dd6d8
#6dd6d8
rgb(109,214,216)
-
#7cdadd
#7cdadd
rgb(124,218,221)
-
#8cdee1
#8cdee1
rgb(140,222,225)
-
#9be3e5
#9be3e5
rgb(155,227,229)
-
#abe7e9
#abe7e9
rgb(171,231,233)
-
#baeced
#baeced
rgb(186,236,237)
-
#caf0f1
#caf0f1
rgb(202,240,241)
-
#daf4f5
#daf4f5
rgb(218,244,245)
-
#e9f9f9
#e9f9f9
rgb(233,249,249)
-
#f9fdfd
#f9fdfd
rgb(249,253,253)
Tones of #caf0f1
A tone is produced by adding gray to any pure hue. In this case, #dcdfdf is the less saturated color, while #bdfcfe is the most saturated one.
-
#dcdfdf
#dcdfdf
rgb(220,223,223)
-
#d9e1e2
#d9e1e2
rgb(217,225,226)
-
#d7e4e4
#d7e4e4
rgb(215,228,228)
-
#d4e6e7
#d4e6e7
rgb(212,230,231)
-
#d2e9e9
#d2e9e9
rgb(210,233,233)
-
#cfebec
#cfebec
rgb(207,235,236)
-
#cdeeee
#cdeeee
rgb(205,238,238)
-
#caf0f1
#caf0f1
rgb(202,240,241)
-
#c7f2f4
#c7f2f4
rgb(199,242,244)
-
#c5f5f6
#c5f5f6
rgb(197,245,246)
-
#c2f7f9
#c2f7f9
rgb(194,247,249)
-
#c0fafb
#c0fafb
rgb(192,250,251)
-
#bdfcfe
#bdfcfe
rgb(189,252,254)
Color Blindness Simulator
Below, you can see how #caf0f1 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.