#caf2f5 Color Information
In a RGB color space, hex #caf2f5 is composed of 79.2% red, 94.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 1.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 184.2 degrees, a saturation of 68.3% and a lightness of 87.6%. #caf2f5 color hex could be obtained by blending #ffffff with #95e5eb. Closest websafe color is: #ccffff.
-
- R 79
- G 95
- B 96
-
- C 18
- M 1
- Y 0
- K 4
● #caf2f5 color description : Light grayish cyan.
#caf2f5 Color Conversion
The hexadecimal color #caf2f5 has RGB values of R:202, G:242, B:245 and CMYK values of C:0.18, M:0.01, Y:0, K:0.04. Its decimal value is 13300469.
Hex triplet | caf2f5 | #caf2f5 |
---|---|---|
RGB Decimal | 202, 242, 245 | rgb(202,242,245) |
RGB Percent | 79.2, 94.9, 96.1 | rgb(79.2%,94.9%,96.1%) |
CMYK | 18, 1, 0, 4 | |
HSL | 184.2°, 68.3, 87.6 | hsl(184.2,68.3%,87.6%) |
HSV (or HSB) | 184.2°, 17.6, 96.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.862, -12.203, -5.743 |
---|---|
XYZ | 72.587, 82.652, 98.51 |
xyY | 0.286, 0.326, 82.652 |
CIE-LCH | 92.862, 13.487, 205.204 |
CIE-LUV | 92.862, -20.84, -6.884 |
Hunter-Lab | 90.913, -16.579, -0.606 |
Binary | 11001010, 11110010, 11110101 |
Color Schemes with #caf2f5
Alternatives to #caf2f5
Below, you can see some colors close to #caf2f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf2f5 Preview
This text has a font color of #caf2f5.
<span style="color:#caf2f5;">Text here</span>
This paragraph has a background color of #caf2f5.
<p style="background-color:#caf2f5;">Content here</p>
This element has a border color of #caf2f5.
<div style="border:1px solid #caf2f5;">Content here</div>
.text {color:#caf2f5;}
.background {background-color:#caf2f5;}
.border {border:1px solid #caf2f5;}
Shades and Tints of #caf2f5
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)
-
#061c1e
#061c1e
rgb(6,28,30)
-
#092b2e
#092b2e
rgb(9,43,46)
-
#0c3b3f
#0c3b3f
rgb(12,59,63)
-
#0f4b4f
#0f4b4f
rgb(15,75,79)
-
#125a60
#125a60
rgb(18,90,96)
-
#156a70
#156a70
rgb(21,106,112)
-
#187981
#187981
rgb(24,121,129)
-
#1b8991
#1b8991
rgb(27,137,145)
-
#1e98a2
#1e98a2
rgb(30,152,162)
-
#22a8b2
#22a8b2
rgb(34,168,178)
-
#25b8c3
#25b8c3
rgb(37,184,195)
-
#28c7d3
#28c7d3
rgb(40,199,211)
-
#35ced9
#35ced9
rgb(53,206,217)
-
#46d2dc
#46d2dc
rgb(70,210,220)
-
#56d6df
#56d6df
rgb(86,214,223)
-
#67dae2
#67dae2
rgb(103,218,226)
-
#77dee5
#77dee5
rgb(119,222,229)
-
#88e2e9
#88e2e9
rgb(136,226,233)
-
#98e6ec
#98e6ec
rgb(152,230,236)
-
#a9eaef
#a9eaef
rgb(169,234,239)
-
#b9eef2
#b9eef2
rgb(185,238,242)
-
#caf2f5
#caf2f5
rgb(202,242,245)
-
#dbf6f8
#dbf6f8
rgb(219,246,248)
-
#ebfafb
#ebfafb
rgb(235,250,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #caf2f5
A tone is produced by adding gray to any pure hue. In this case, #dde1e2 is the less saturated color, while #c0faff is the most saturated one.
-
#dde1e2
#dde1e2
rgb(221,225,226)
-
#dbe3e4
#dbe3e4
rgb(219,227,228)
-
#d9e5e6
#d9e5e6
rgb(217,229,230)
-
#d6e8e9
#d6e8e9
rgb(214,232,233)
-
#d4eaeb
#d4eaeb
rgb(212,234,235)
-
#d1ecee
#d1ecee
rgb(209,236,238)
-
#cfeef0
#cfeef0
rgb(207,238,240)
-
#ccf0f3
#ccf0f3
rgb(204,240,243)
-
#caf2f5
#caf2f5
rgb(202,242,245)
-
#c8f4f7
#c8f4f7
rgb(200,244,247)
-
#c5f6fa
#c5f6fa
rgb(197,246,250)
-
#c3f8fc
#c3f8fc
rgb(195,248,252)
-
#c0faff
#c0faff
rgb(192,250,255)
Color Blindness Simulator
Below, you can see how #caf2f5 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.