#caf0f5 Color Information
In a RGB color space, hex #caf0f5 is composed of 79.2% red, 94.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 2% magenta, 0% yellow and 3.9% black. It has a hue angle of 187 degrees, a saturation of 68.3% and a lightness of 87.6%. #caf0f5 color hex could be obtained by blending #ffffff with #95e1eb. Closest websafe color is: #ccffff.
-
- R 79
- G 94
- B 96
-
- C 18
- M 2
- Y 0
- K 4
● #caf0f5 color description : Light grayish cyan.
#caf0f5 Color Conversion
The hexadecimal color #caf0f5 has RGB values of R:202, G:240, B:245 and CMYK values of C:0.18, M:0.02, Y:0, K:0.04. Its decimal value is 13299957.
Hex triplet | caf0f5 | #caf0f5 |
---|---|---|
RGB Decimal | 202, 240, 245 | rgb(202,240,245) |
RGB Percent | 79.2, 94.1, 96.1 | rgb(79.2%,94.1%,96.1%) |
CMYK | 18, 2, 0, 4 | |
HSL | 187°, 68.3, 87.6 | hsl(187,68.3%,87.6%) |
HSV (or HSB) | 187°, 17.6, 96.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.339, -11.197, -6.515 |
---|---|
XYZ | 71.995, 81.468, 98.313 |
xyY | 0.286, 0.324, 81.468 |
CIE-LCH | 92.339, 12.955, 210.191 |
CIE-LUV | 92.339, -19.928, -8.275 |
Hunter-Lab | 90.259, -15.574, -1.399 |
Binary | 11001010, 11110000, 11110101 |
Color Schemes with #caf0f5
Alternatives to #caf0f5
Below, you can see some colors close to #caf0f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf0f5 Preview
This text has a font color of #caf0f5.
<span style="color:#caf0f5;">Text here</span>
This paragraph has a background color of #caf0f5.
<p style="background-color:#caf0f5;">Content here</p>
This element has a border color of #caf0f5.
<div style="border:1px solid #caf0f5;">Content here</div>
.text {color:#caf0f5;}
.background {background-color:#caf0f5;}
.border {border:1px solid #caf0f5;}
Shades and Tints of #caf0f5
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, #020c0d is the darkest color, while #fcfefe is the lightest one.
-
#020c0d
#020c0d
rgb(2,12,13)
-
#061b1e
#061b1e
rgb(6,27,30)
-
#092a2e
#092a2e
rgb(9,42,46)
-
#0c393f
#0c393f
rgb(12,57,63)
-
#0f484f
#0f484f
rgb(15,72,79)
-
#125760
#125760
rgb(18,87,96)
-
#156570
#156570
rgb(21,101,112)
-
#187481
#187481
rgb(24,116,129)
-
#1b8391
#1b8391
rgb(27,131,145)
-
#1e92a2
#1e92a2
rgb(30,146,162)
-
#22a1b2
#22a1b2
rgb(34,161,178)
-
#25b0c3
#25b0c3
rgb(37,176,195)
-
#28bfd3
#28bfd3
rgb(40,191,211)
-
#35c6d9
#35c6d9
rgb(53,198,217)
-
#46cbdc
#46cbdc
rgb(70,203,220)
-
#56cfdf
#56cfdf
rgb(86,207,223)
-
#67d4e2
#67d4e2
rgb(103,212,226)
-
#77d9e5
#77d9e5
rgb(119,217,229)
-
#88dde9
#88dde9
rgb(136,221,233)
-
#98e2ec
#98e2ec
rgb(152,226,236)
-
#a9e7ef
#a9e7ef
rgb(169,231,239)
-
#b9ebf2
#b9ebf2
rgb(185,235,242)
-
#caf0f5
#caf0f5
rgb(202,240,245)
-
#dbf5f8
#dbf5f8
rgb(219,245,248)
-
#ebf9fb
#ebf9fb
rgb(235,249,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #caf0f5
A tone is produced by adding gray to any pure hue. In this case, #dde1e2 is the less saturated color, while #c0f7ff is the most saturated one.
-
#dde1e2
#dde1e2
rgb(221,225,226)
-
#dbe3e4
#dbe3e4
rgb(219,227,228)
-
#d9e5e6
#d9e5e6
rgb(217,229,230)
-
#d6e7e9
#d6e7e9
rgb(214,231,233)
-
#d4e9eb
#d4e9eb
rgb(212,233,235)
-
#d1eaee
#d1eaee
rgb(209,234,238)
-
#cfecf0
#cfecf0
rgb(207,236,240)
-
#cceef3
#cceef3
rgb(204,238,243)
-
#caf0f5
#caf0f5
rgb(202,240,245)
-
#c8f2f7
#c8f2f7
rgb(200,242,247)
-
#c5f4fa
#c5f4fa
rgb(197,244,250)
-
#c3f6fc
#c3f6fc
rgb(195,246,252)
-
#c0f7ff
#c0f7ff
rgb(192,247,255)
Color Blindness Simulator
Below, you can see how #caf0f5 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.