#caf9f2 Color Information
In a RGB color space, hex #caf9f2 is composed of 79.2% red, 97.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 2.8% yellow and 2.4% black. It has a hue angle of 171.1 degrees, a saturation of 79.7% and a lightness of 88.4%. #caf9f2 color hex could be obtained by blending #ffffff with #95f3e5. Closest websafe color is: #ccffff.
-
- R 79
- G 98
- B 95
-
- C 19
- M 0
- Y 3
- K 2
● #caf9f2 color description : Light grayish cyan.
#caf9f2 Color Conversion
The hexadecimal color #caf9f2 has RGB values of R:202, G:249, B:242 and CMYK values of C:0.19, M:0, Y:0.03, K:0.02. Its decimal value is 13302258.
Hex triplet | caf9f2 | #caf9f2 |
---|---|---|
RGB Decimal | 202, 249, 242 | rgb(202,249,242) |
RGB Percent | 79.2, 97.6, 94.9 | rgb(79.2%,97.6%,94.9%) |
CMYK | 19, 0, 3, 2 | |
HSL | 171.1°, 79.7, 88.4 | hsl(171.1,79.7%,88.4%) |
HSV (or HSB) | 171.1°, 18.9, 97.6 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 94.618, -16.296, -1.606 |
---|---|
XYZ | 74.256, 86.717, 96.825 |
xyY | 0.288, 0.336, 86.717 |
CIE-LCH | 94.618, 16.375, 185.628 |
CIE-LUV | 94.618, -23.984, 0.328 |
Hunter-Lab | 93.122, -20.626, 3.537 |
Binary | 11001010, 11111001, 11110010 |
Color Schemes with #caf9f2
Alternatives to #caf9f2
Below, you can see some colors close to #caf9f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf9f2 Preview
This text has a font color of #caf9f2.
<span style="color:#caf9f2;">Text here</span>
This paragraph has a background color of #caf9f2.
<p style="background-color:#caf9f2;">Content here</p>
This element has a border color of #caf9f2.
<div style="border:1px solid #caf9f2;">Content here</div>
.text {color:#caf9f2;}
.background {background-color:#caf9f2;}
.border {border:1px solid #caf9f2;}
Shades and Tints of #caf9f2
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, #02110f is the darkest color, while #ffffff is the lightest one.
-
#02110f
#02110f
rgb(2,17,15)
-
#04231e
#04231e
rgb(4,35,30)
-
#06352e
#06352e
rgb(6,53,46)
-
#08463d
#08463d
rgb(8,70,61)
-
#0a584c
#0a584c
rgb(10,88,76)
-
#0c6a5c
#0c6a5c
rgb(12,106,92)
-
#0e7b6b
#0e7b6b
rgb(14,123,107)
-
#108d7a
#108d7a
rgb(16,141,122)
-
#129e8a
#129e8a
rgb(18,158,138)
-
#14b099
#14b099
rgb(20,176,153)
-
#16c2a8
#16c2a8
rgb(22,194,168)
-
#18d3b7
#18d3b7
rgb(24,211,183)
-
#1ae5c7
#1ae5c7
rgb(26,229,199)
-
#2be7cb
#2be7cb
rgb(43,231,203)
-
#3de9cf
#3de9cf
rgb(61,233,207)
-
#4febd4
#4febd4
rgb(79,235,212)
-
#60edd8
#60edd8
rgb(96,237,216)
-
#72efdc
#72efdc
rgb(114,239,220)
-
#84f1e1
#84f1e1
rgb(132,241,225)
-
#95f3e5
#95f3e5
rgb(149,243,229)
-
#a7f5e9
#a7f5e9
rgb(167,245,233)
-
#b8f7ee
#b8f7ee
rgb(184,247,238)
-
#caf9f2
#caf9f2
rgb(202,249,242)
-
#dcfbf6
#dcfbf6
rgb(220,251,246)
-
#edfdfb
#edfdfb
rgb(237,253,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #caf9f2
A tone is produced by adding gray to any pure hue. In this case, #e1e2e2 is the less saturated color, while #c5fef5 is the most saturated one.
-
#e1e2e2
#e1e2e2
rgb(225,226,226)
-
#dee5e4
#dee5e4
rgb(222,229,228)
-
#dce7e5
#dce7e5
rgb(220,231,229)
-
#dae9e7
#dae9e7
rgb(218,233,231)
-
#d8ebe8
#d8ebe8
rgb(216,235,232)
-
#d5eeea
#d5eeea
rgb(213,238,234)
-
#d3f0ec
#d3f0ec
rgb(211,240,236)
-
#d1f2ed
#d1f2ed
rgb(209,242,237)
-
#cff4ef
#cff4ef
rgb(207,244,239)
-
#ccf7f0
#ccf7f0
rgb(204,247,240)
-
#caf9f2
#caf9f2
rgb(202,249,242)
-
#c8fbf4
#c8fbf4
rgb(200,251,244)
-
#c5fef5
#c5fef5
rgb(197,254,245)
Color Blindness Simulator
Below, you can see how #caf9f2 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.