#caf4f2 Color Information
In a RGB color space, hex #caf4f2 is composed of 79.2% red, 95.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 0% magenta, 0.8% yellow and 4.3% black. It has a hue angle of 177.1 degrees, a saturation of 65.6% and a lightness of 87.5%. #caf4f2 color hex could be obtained by blending #ffffff with #95e9e5. Closest websafe color is: #ccffff.
-
- R 79
- G 96
- B 95
-
- C 17
- M 0
- Y 1
- K 4
● #caf4f2 color description : Light grayish cyan.
#caf4f2 Color Conversion
The hexadecimal color #caf4f2 has RGB values of R:202, G:244, B:242 and CMYK values of C:0.17, M:0, Y:0.01, K:0.04. Its decimal value is 13300978.
Hex triplet | caf4f2 | #caf4f2 |
---|---|---|
RGB Decimal | 202, 244, 242 | rgb(202,244,242) |
RGB Percent | 79.2, 95.7, 94.9 | rgb(79.2%,95.7%,94.9%) |
CMYK | 17, 0, 1, 4 | |
HSL | 177.1°, 65.6, 87.5 | hsl(177.1,65.6%,87.5%) |
HSV (or HSB) | 177.1°, 17.2, 95.7 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.306, -13.814, -3.531 |
---|---|
XYZ | 72.731, 83.667, 96.317 |
xyY | 0.288, 0.331, 83.667 |
CIE-LCH | 93.306, 14.258, 194.34 |
CIE-LUV | 93.306, -21.698, -3.114 |
Hunter-Lab | 91.47, -18.139, 1.597 |
Binary | 11001010, 11110100, 11110010 |
Color Schemes with #caf4f2
Alternatives to #caf4f2
Below, you can see some colors close to #caf4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf4f2 Preview
This text has a font color of #caf4f2.
<span style="color:#caf4f2;">Text here</span>
This paragraph has a background color of #caf4f2.
<p style="background-color:#caf4f2;">Content here</p>
This element has a border color of #caf4f2.
<div style="border:1px solid #caf4f2;">Content here</div>
.text {color:#caf4f2;}
.background {background-color:#caf4f2;}
.border {border:1px solid #caf4f2;}
Shades and Tints of #caf4f2
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)
-
#061c1b
#061c1b
rgb(6,28,27)
-
#092c2b
#092c2b
rgb(9,44,43)
-
#0d3d3a
#0d3d3a
rgb(13,61,58)
-
#104d4a
#104d4a
rgb(16,77,74)
-
#135d5a
#135d5a
rgb(19,93,90)
-
#176d69
#176d69
rgb(23,109,105)
-
#1a7e79
#1a7e79
rgb(26,126,121)
-
#1d8e89
#1d8e89
rgb(29,142,137)
-
#219e98
#219e98
rgb(33,158,152)
-
#24aea8
#24aea8
rgb(36,174,168)
-
#28bfb7
#28bfb7
rgb(40,191,183)
-
#2bcfc7
#2bcfc7
rgb(43,207,199)
-
#38d6ce
#38d6ce
rgb(56,214,206)
-
#48d9d2
#48d9d2
rgb(72,217,210)
-
#58dcd6
#58dcd6
rgb(88,220,214)
-
#69e0da
#69e0da
rgb(105,224,218)
-
#79e3de
#79e3de
rgb(121,227,222)
-
#89e7e2
#89e7e2
rgb(137,231,226)
-
#99eae6
#99eae6
rgb(153,234,230)
-
#aaedea
#aaedea
rgb(170,237,234)
-
#baf1ee
#baf1ee
rgb(186,241,238)
-
#caf4f2
#caf4f2
rgb(202,244,242)
-
#daf7f6
#daf7f6
rgb(218,247,246)
-
#eafbfa
#eafbfa
rgb(234,251,250)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #caf4f2
A tone is produced by adding gray to any pure hue. In this case, #dee0e0 is the less saturated color, while #c0fefb is the most saturated one.
-
#dee0e0
#dee0e0
rgb(222,224,224)
-
#dbe3e2
#dbe3e2
rgb(219,227,226)
-
#d9e5e5
#d9e5e5
rgb(217,229,229)
-
#d6e8e7
#d6e8e7
rgb(214,232,231)
-
#d4eae9
#d4eae9
rgb(212,234,233)
-
#d1edeb
#d1edeb
rgb(209,237,235)
-
#cfefee
#cfefee
rgb(207,239,238)
-
#ccf2f0
#ccf2f0
rgb(204,242,240)
-
#caf4f2
#caf4f2
rgb(202,244,242)
-
#c8f6f4
#c8f6f4
rgb(200,246,244)
-
#c5f9f6
#c5f9f6
rgb(197,249,246)
-
#c3fbf9
#c3fbf9
rgb(195,251,249)
-
#c0fefb
#c0fefb
rgb(192,254,251)
Color Blindness Simulator
Below, you can see how #caf4f2 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.