#caf4f4 Color Information
In a RGB color space, hex #caf4f4 is composed of 79.2% red, 95.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 0% magenta, 0% yellow and 4.3% black. It has a hue angle of 180 degrees, a saturation of 65.6% and a lightness of 87.5%. #caf4f4 color hex could be obtained by blending #ffffff with #95e9e9. Closest websafe color is: #ccffff.
-
- R 79
- G 96
- B 96
-
- C 17
- M 0
- Y 0
- K 4
● #caf4f4 color description : Light grayish cyan.
#caf4f4 Color Conversion
The hexadecimal color #caf4f4 has RGB values of R:202, G:244, B:244 and CMYK values of C:0.17, M:0, Y:0, K:0.04. Its decimal value is 13300980.
Hex triplet | caf4f4 | #caf4f4 |
---|---|---|
RGB Decimal | 202, 244, 244 | rgb(202,244,244) |
RGB Percent | 79.2, 95.7, 95.7 | rgb(79.2%,95.7%,95.7%) |
CMYK | 17, 0, 0, 4 | |
HSL | 180°, 65.6, 87.5 | hsl(180,65.6%,87.5%) |
HSV (or HSB) | 180°, 17.2, 95.7 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.358, -13.409, -4.492 |
---|---|
XYZ | 73.033, 83.788, 97.908 |
xyY | 0.287, 0.329, 83.788 |
CIE-LCH | 93.358, 14.141, 198.521 |
CIE-LUV | 93.358, -21.734, -4.701 |
Hunter-Lab | 91.536, -17.768, 0.658 |
Binary | 11001010, 11110100, 11110100 |
Color Schemes with #caf4f4
Alternatives to #caf4f4
Below, you can see some colors close to #caf4f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf4f4 Preview
This text has a font color of #caf4f4.
<span style="color:#caf4f4;">Text here</span>
This paragraph has a background color of #caf4f4.
<p style="background-color:#caf4f4;">Content here</p>
This element has a border color of #caf4f4.
<div style="border:1px solid #caf4f4;">Content here</div>
.text {color:#caf4f4;}
.background {background-color:#caf4f4;}
.border {border:1px solid #caf4f4;}
Shades and Tints of #caf4f4
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, #020c0c is the darkest color, while #fbfefe is the lightest one.
-
#020c0c
#020c0c
rgb(2,12,12)
-
#061c1c
#061c1c
rgb(6,28,28)
-
#092c2c
#092c2c
rgb(9,44,44)
-
#0d3d3d
#0d3d3d
rgb(13,61,61)
-
#104d4d
#104d4d
rgb(16,77,77)
-
#135d5d
#135d5d
rgb(19,93,93)
-
#176d6d
#176d6d
rgb(23,109,109)
-
#1a7e7e
#1a7e7e
rgb(26,126,126)
-
#1d8e8e
#1d8e8e
rgb(29,142,142)
-
#219e9e
#219e9e
rgb(33,158,158)
-
#24aeae
#24aeae
rgb(36,174,174)
-
#28bfbf
#28bfbf
rgb(40,191,191)
-
#2bcfcf
#2bcfcf
rgb(43,207,207)
-
#38d6d6
#38d6d6
rgb(56,214,214)
-
#48d9d9
#48d9d9
rgb(72,217,217)
-
#58dcdc
#58dcdc
rgb(88,220,220)
-
#69e0e0
#69e0e0
rgb(105,224,224)
-
#79e3e3
#79e3e3
rgb(121,227,227)
-
#89e7e7
#89e7e7
rgb(137,231,231)
-
#99eaea
#99eaea
rgb(153,234,234)
-
#aaeded
#aaeded
rgb(170,237,237)
-
#baf1f1
#baf1f1
rgb(186,241,241)
-
#caf4f4
#caf4f4
rgb(202,244,244)
-
#daf7f7
#daf7f7
rgb(218,247,247)
-
#eafbfb
#eafbfb
rgb(234,251,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #caf4f4
A tone is produced by adding gray to any pure hue. In this case, #dee0e0 is the less saturated color, while #c0fefe is the most saturated one.
-
#dee0e0
#dee0e0
rgb(222,224,224)
-
#dbe3e3
#dbe3e3
rgb(219,227,227)
-
#d9e5e5
#d9e5e5
rgb(217,229,229)
-
#d6e8e8
#d6e8e8
rgb(214,232,232)
-
#d4eaea
#d4eaea
rgb(212,234,234)
-
#d1eded
#d1eded
rgb(209,237,237)
-
#cfefef
#cfefef
rgb(207,239,239)
-
#ccf2f2
#ccf2f2
rgb(204,242,242)
-
#caf4f4
#caf4f4
rgb(202,244,244)
-
#c8f6f6
#c8f6f6
rgb(200,246,246)
-
#c5f9f9
#c5f9f9
rgb(197,249,249)
-
#c3fbfb
#c3fbfb
rgb(195,251,251)
-
#c0fefe
#c0fefe
rgb(192,254,254)
Color Blindness Simulator
Below, you can see how #caf4f4 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.