#caf2f2 Color Information
In a RGB color space, hex #caf2f2 is composed of 79.2% red, 94.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 0% yellow and 5.1% black. It has a hue angle of 180 degrees, a saturation of 60.6% and a lightness of 87.1%. #caf2f2 color hex could be obtained by blending #ffffff with #95e5e5. Closest websafe color is: #ccffff.
-
- R 79
- G 95
- B 95
-
- C 17
- M 0
- Y 0
- K 5
● #caf2f2 color description : Light grayish cyan.
#caf2f2 Color Conversion
The hexadecimal color #caf2f2 has RGB values of R:202, G:242, B:242 and CMYK values of C:0.17, M:0, Y:0, K:0.05. Its decimal value is 13300466.
Hex triplet | caf2f2 | #caf2f2 |
---|---|---|
RGB Decimal | 202, 242, 242 | rgb(202,242,242) |
RGB Percent | 79.2, 94.9, 94.9 | rgb(79.2%,94.9%,94.9%) |
CMYK | 17, 0, 0, 5 | |
HSL | 180°, 60.6, 87.1 | hsl(180,60.6%,87.1%) |
HSV (or HSB) | 180°, 16.5, 94.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.782, -12.814, -4.302 |
---|---|
XYZ | 72.133, 82.47, 96.117 |
xyY | 0.288, 0.329, 82.47 |
CIE-LCH | 92.782, 13.517, 198.557 |
CIE-LUV | 92.782, -20.782, -4.495 |
Hunter-Lab | 90.813, -17.14, 0.816 |
Binary | 11001010, 11110010, 11110010 |
Color Schemes with #caf2f2
Alternatives to #caf2f2
Below, you can see some colors close to #caf2f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf2f2 Preview
This text has a font color of #caf2f2.
<span style="color:#caf2f2;">Text here</span>
This paragraph has a background color of #caf2f2.
<p style="background-color:#caf2f2;">Content here</p>
This element has a border color of #caf2f2.
<div style="border:1px solid #caf2f2;">Content here</div>
.text {color:#caf2f2;}
.background {background-color:#caf2f2;}
.border {border:1px solid #caf2f2;}
Shades and Tints of #caf2f2
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, #020a0a is the darkest color, while #f9fefe is the lightest one.
-
#020a0a
#020a0a
rgb(2,10,10)
-
#061a1a
#061a1a
rgb(6,26,26)
-
#0a2a2a
#0a2a2a
rgb(10,42,42)
-
#0e3939
#0e3939
rgb(14,57,57)
-
#124949
#124949
rgb(18,73,73)
-
#165959
#165959
rgb(22,89,89)
-
#1a6969
#1a6969
rgb(26,105,105)
-
#1e7878
#1e7878
rgb(30,120,120)
-
#218888
#218888
rgb(33,136,136)
-
#259898
#259898
rgb(37,152,152)
-
#29a8a8
#29a8a8
rgb(41,168,168)
-
#2db7b7
#2db7b7
rgb(45,183,183)
-
#31c7c7
#31c7c7
rgb(49,199,199)
-
#3ccfcf
#3ccfcf
rgb(60,207,207)
-
#4cd3d3
#4cd3d3
rgb(76,211,211)
-
#5cd7d7
#5cd7d7
rgb(92,215,215)
-
#6bdbdb
#6bdbdb
rgb(107,219,219)
-
#7bdfdf
#7bdfdf
rgb(123,223,223)
-
#8be3e3
#8be3e3
rgb(139,227,227)
-
#9be6e6
#9be6e6
rgb(155,230,230)
-
#aaeaea
#aaeaea
rgb(170,234,234)
-
#baeeee
#baeeee
rgb(186,238,238)
-
#caf2f2
#caf2f2
rgb(202,242,242)
-
#daf6f6
#daf6f6
rgb(218,246,246)
-
#eafafa
#eafafa
rgb(234,250,250)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #caf2f2
A tone is produced by adding gray to any pure hue. In this case, #dce0e0 is the less saturated color, while #bdffff is the most saturated one.
-
#dce0e0
#dce0e0
rgb(220,224,224)
-
#d9e3e3
#d9e3e3
rgb(217,227,227)
-
#d7e5e5
#d7e5e5
rgb(215,229,229)
-
#d4e8e8
#d4e8e8
rgb(212,232,232)
-
#d2eaea
#d2eaea
rgb(210,234,234)
-
#cfeded
#cfeded
rgb(207,237,237)
-
#cdefef
#cdefef
rgb(205,239,239)
-
#caf2f2
#caf2f2
rgb(202,242,242)
-
#c7f5f5
#c7f5f5
rgb(199,245,245)
-
#c5f7f7
#c5f7f7
rgb(197,247,247)
-
#c2fafa
#c2fafa
rgb(194,250,250)
-
#c0fcfc
#c0fcfc
rgb(192,252,252)
-
#bdffff
#bdffff
rgb(189,255,255)
Color Blindness Simulator
Below, you can see how #caf2f2 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.