#caf4f3 Color Information
In a RGB color space, hex #caf4f3 is composed of 79.2% red, 95.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 0% magenta, 0.4% yellow and 4.3% black. It has a hue angle of 178.6 degrees, a saturation of 65.6% and a lightness of 87.5%. #caf4f3 color hex could be obtained by blending #ffffff with #95e9e7. Closest websafe color is: #ccffff.
-
- R 79
- G 96
- B 95
-
- C 17
- M 0
- Y 0
- K 4
● #caf4f3 color description : Light grayish cyan.
#caf4f3 Color Conversion
The hexadecimal color #caf4f3 has RGB values of R:202, G:244, B:243 and CMYK values of C:0.17, M:0, Y:0, K:0.04. Its decimal value is 13300979.
Hex triplet | caf4f3 | #caf4f3 |
---|---|---|
RGB Decimal | 202, 244, 243 | rgb(202,244,243) |
RGB Percent | 79.2, 95.7, 95.3 | rgb(79.2%,95.7%,95.3%) |
CMYK | 17, 0, 0, 4 | |
HSL | 178.6°, 65.6, 87.5 | hsl(178.6,65.6%,87.5%) |
HSV (or HSB) | 178.6°, 17.2, 95.7 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.332, -13.612, -4.012 |
---|---|
XYZ | 72.882, 83.727, 97.11 |
xyY | 0.287, 0.33, 83.727 |
CIE-LCH | 93.332, 14.191, 196.422 |
CIE-LUV | 93.332, -21.716, -3.906 |
Hunter-Lab | 91.503, -17.954, 1.128 |
Binary | 11001010, 11110100, 11110011 |
Color Schemes with #caf4f3
Alternatives to #caf4f3
Below, you can see some colors close to #caf4f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf4f3 Preview
This text has a font color of #caf4f3.
<span style="color:#caf4f3;">Text here</span>
This paragraph has a background color of #caf4f3.
<p style="background-color:#caf4f3;">Content here</p>
This element has a border color of #caf4f3.
<div style="border:1px solid #caf4f3;">Content here</div>
.text {color:#caf4f3;}
.background {background-color:#caf4f3;}
.border {border:1px solid #caf4f3;}
Shades and Tints of #caf4f3
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)
-
#0d3d3c
#0d3d3c
rgb(13,61,60)
-
#104d4c
#104d4c
rgb(16,77,76)
-
#135d5b
#135d5b
rgb(19,93,91)
-
#176d6b
#176d6b
rgb(23,109,107)
-
#1a7e7b
#1a7e7b
rgb(26,126,123)
-
#1d8e8b
#1d8e8b
rgb(29,142,139)
-
#219e9b
#219e9b
rgb(33,158,155)
-
#24aeab
#24aeab
rgb(36,174,171)
-
#28bfbb
#28bfbb
rgb(40,191,187)
-
#2bcfcb
#2bcfcb
rgb(43,207,203)
-
#38d6d2
#38d6d2
rgb(56,214,210)
-
#48d9d6
#48d9d6
rgb(72,217,214)
-
#58dcd9
#58dcd9
rgb(88,220,217)
-
#69e0dd
#69e0dd
rgb(105,224,221)
-
#79e3e1
#79e3e1
rgb(121,227,225)
-
#89e7e4
#89e7e4
rgb(137,231,228)
-
#99eae8
#99eae8
rgb(153,234,232)
-
#aaedec
#aaedec
rgb(170,237,236)
-
#baf1ef
#baf1ef
rgb(186,241,239)
-
#caf4f3
#caf4f3
rgb(202,244,243)
-
#daf7f7
#daf7f7
rgb(218,247,247)
-
#eafbfa
#eafbfa
rgb(234,251,250)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #caf4f3
A tone is produced by adding gray to any pure hue. In this case, #dee0e0 is the less saturated color, while #c0fefc is the most saturated one.
-
#dee0e0
#dee0e0
rgb(222,224,224)
-
#dbe3e3
#dbe3e3
rgb(219,227,227)
-
#d9e5e5
#d9e5e5
rgb(217,229,229)
-
#d6e8e7
#d6e8e7
rgb(214,232,231)
-
#d4eaea
#d4eaea
rgb(212,234,234)
-
#d1edec
#d1edec
rgb(209,237,236)
-
#cfefee
#cfefee
rgb(207,239,238)
-
#ccf2f1
#ccf2f1
rgb(204,242,241)
-
#caf4f3
#caf4f3
rgb(202,244,243)
-
#c8f6f5
#c8f6f5
rgb(200,246,245)
-
#c5f9f8
#c5f9f8
rgb(197,249,248)
-
#c3fbfa
#c3fbfa
rgb(195,251,250)
-
#c0fefc
#c0fefc
rgb(192,254,252)
Color Blindness Simulator
Below, you can see how #caf4f3 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.