#caf3f4 Color Information
In a RGB color space, hex #caf3f4 is composed of 79.2% red, 95.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 0.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 181.4 degrees, a saturation of 65.6% and a lightness of 87.5%. #caf3f4 color hex could be obtained by blending #ffffff with #95e7e9. Closest websafe color is: #ccffff.
-
- R 79
- G 95
- B 96
-
- C 17
- M 0
- Y 0
- K 4
● #caf3f4 color description : Light grayish cyan.
#caf3f4 Color Conversion
The hexadecimal color #caf3f4 has RGB values of R:202, G:243, B:244 and CMYK values of C:0.17, M:0, Y:0, K:0.04. Its decimal value is 13300724.
Hex triplet | caf3f4 | #caf3f4 |
---|---|---|
RGB Decimal | 202, 243, 244 | rgb(202,243,244) |
RGB Percent | 79.2, 95.3, 95.7 | rgb(79.2%,95.3%,95.7%) |
CMYK | 17, 0, 0, 4 | |
HSL | 181.4°, 65.6, 87.5 | hsl(181.4,65.6%,87.5%) |
HSV (or HSB) | 181.4°, 17.2, 95.7 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.097, -12.908, -4.878 |
---|---|
XYZ | 72.733, 83.188, 97.808 |
xyY | 0.287, 0.328, 83.188 |
CIE-LCH | 93.097, 13.799, 200.699 |
CIE-LUV | 93.097, -21.277, -5.393 |
Hunter-Lab | 91.207, -17.268, 0.264 |
Binary | 11001010, 11110011, 11110100 |
Color Schemes with #caf3f4
Alternatives to #caf3f4
Below, you can see some colors close to #caf3f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf3f4 Preview
This text has a font color of #caf3f4.
<span style="color:#caf3f4;">Text here</span>
This paragraph has a background color of #caf3f4.
<p style="background-color:#caf3f4;">Content here</p>
This element has a border color of #caf3f4.
<div style="border:1px solid #caf3f4;">Content here</div>
.text {color:#caf3f4;}
.background {background-color:#caf3f4;}
.border {border:1px solid #caf3f4;}
Shades and Tints of #caf3f4
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)
-
#0d3c3d
#0d3c3d
rgb(13,60,61)
-
#104c4d
#104c4d
rgb(16,76,77)
-
#135b5d
#135b5d
rgb(19,91,93)
-
#176b6d
#176b6d
rgb(23,107,109)
-
#1a7b7e
#1a7b7e
rgb(26,123,126)
-
#1d8b8e
#1d8b8e
rgb(29,139,142)
-
#219b9e
#219b9e
rgb(33,155,158)
-
#24abae
#24abae
rgb(36,171,174)
-
#28bbbf
#28bbbf
rgb(40,187,191)
-
#2bcbcf
#2bcbcf
rgb(43,203,207)
-
#38d2d6
#38d2d6
rgb(56,210,214)
-
#48d6d9
#48d6d9
rgb(72,214,217)
-
#58d9dc
#58d9dc
rgb(88,217,220)
-
#69dde0
#69dde0
rgb(105,221,224)
-
#79e1e3
#79e1e3
rgb(121,225,227)
-
#89e4e7
#89e4e7
rgb(137,228,231)
-
#99e8ea
#99e8ea
rgb(153,232,234)
-
#aaeced
#aaeced
rgb(170,236,237)
-
#baeff1
#baeff1
rgb(186,239,241)
-
#caf3f4
#caf3f4
rgb(202,243,244)
-
#daf7f7
#daf7f7
rgb(218,247,247)
-
#eafafb
#eafafb
rgb(234,250,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #caf3f4
A tone is produced by adding gray to any pure hue. In this case, #dee0e0 is the less saturated color, while #c0fcfe is the most saturated one.
-
#dee0e0
#dee0e0
rgb(222,224,224)
-
#dbe3e3
#dbe3e3
rgb(219,227,227)
-
#d9e5e5
#d9e5e5
rgb(217,229,229)
-
#d6e7e8
#d6e7e8
rgb(214,231,232)
-
#d4eaea
#d4eaea
rgb(212,234,234)
-
#d1eced
#d1eced
rgb(209,236,237)
-
#cfeeef
#cfeeef
rgb(207,238,239)
-
#ccf1f2
#ccf1f2
rgb(204,241,242)
-
#caf3f4
#caf3f4
rgb(202,243,244)
-
#c8f5f6
#c8f5f6
rgb(200,245,246)
-
#c5f8f9
#c5f8f9
rgb(197,248,249)
-
#c3fafb
#c3fafb
rgb(195,250,251)
-
#c0fcfe
#c0fcfe
rgb(192,252,254)
Color Blindness Simulator
Below, you can see how #caf3f4 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.