#caf0f3 Color Information
In a RGB color space, hex #caf0f3 is composed of 79.2% red, 94.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 1.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 184.4 degrees, a saturation of 63.1% and a lightness of 87.3%. #caf0f3 color hex could be obtained by blending #ffffff with #95e1e7. Closest websafe color is: #ccffff.
-
- R 79
- G 94
- B 95
-
- C 17
- M 1
- Y 0
- K 5
● #caf0f3 color description : Light grayish cyan.
#caf0f3 Color Conversion
The hexadecimal color #caf0f3 has RGB values of R:202, G:240, B:243 and CMYK values of C:0.17, M:0.01, Y:0, K:0.05. Its decimal value is 13299955.
Hex triplet | caf0f3 | #caf0f3 |
---|---|---|
RGB Decimal | 202, 240, 243 | rgb(202,240,243) |
RGB Percent | 79.2, 94.1, 95.3 | rgb(79.2%,94.1%,95.3%) |
CMYK | 17, 1, 0, 5 | |
HSL | 184.4°, 63.1, 87.3 | hsl(184.4,63.1%,87.3%) |
HSV (or HSB) | 184.4°, 16.9, 95.3 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.286, -11.607, -5.553 |
---|---|
XYZ | 71.691, 81.346, 96.713 |
xyY | 0.287, 0.326, 81.346 |
CIE-LCH | 92.286, 12.867, 205.569 |
CIE-LUV | 92.286, -19.885, -6.676 |
Hunter-Lab | 90.192, -15.951, -0.442 |
Binary | 11001010, 11110000, 11110011 |
Color Schemes with #caf0f3
Alternatives to #caf0f3
Below, you can see some colors close to #caf0f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf0f3 Preview
This text has a font color of #caf0f3.
<span style="color:#caf0f3;">Text here</span>
This paragraph has a background color of #caf0f3.
<p style="background-color:#caf0f3;">Content here</p>
This element has a border color of #caf0f3.
<div style="border:1px solid #caf0f3;">Content here</div>
.text {color:#caf0f3;}
.background {background-color:#caf0f3;}
.border {border:1px solid #caf0f3;}
Shades and Tints of #caf0f3
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, #020a0b is the darkest color, while #fafefe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#06191b
#06191b
rgb(6,25,27)
-
#0a292b
#0a292b
rgb(10,41,43)
-
#0d383b
#0d383b
rgb(13,56,59)
-
#11474b
#11474b
rgb(17,71,75)
-
#15565b
#15565b
rgb(21,86,91)
-
#18656b
#18656b
rgb(24,101,107)
-
#1c747b
#1c747b
rgb(28,116,123)
-
#1f838b
#1f838b
rgb(31,131,139)
-
#23929b
#23929b
rgb(35,146,155)
-
#27a1ab
#27a1ab
rgb(39,161,171)
-
#2ab0bb
#2ab0bb
rgb(42,176,187)
-
#2ebfcb
#2ebfcb
rgb(46,191,203)
-
#3ac7d2
#3ac7d2
rgb(58,199,210)
-
#4accd6
#4accd6
rgb(74,204,214)
-
#5ad0da
#5ad0da
rgb(90,208,218)
-
#6ad5dd
#6ad5dd
rgb(106,213,221)
-
#7ad9e1
#7ad9e1
rgb(122,217,225)
-
#8adee5
#8adee5
rgb(138,222,229)
-
#9ae2e8
#9ae2e8
rgb(154,226,232)
-
#aae7ec
#aae7ec
rgb(170,231,236)
-
#baebef
#baebef
rgb(186,235,239)
-
#caf0f3
#caf0f3
rgb(202,240,243)
-
#daf5f7
#daf5f7
rgb(218,245,247)
-
#eaf9fa
#eaf9fa
rgb(234,249,250)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #caf0f3
A tone is produced by adding gray to any pure hue. In this case, #dedfdf is the less saturated color, while #c0f9fd is the most saturated one.
-
#dedfdf
#dedfdf
rgb(222,223,223)
-
#dce1e2
#dce1e2
rgb(220,225,226)
-
#d9e3e4
#d9e3e4
rgb(217,227,228)
-
#d7e5e7
#d7e5e7
rgb(215,229,231)
-
#d4e7e9
#d4e7e9
rgb(212,231,233)
-
#d2eaec
#d2eaec
rgb(210,234,236)
-
#cfecee
#cfecee
rgb(207,236,238)
-
#cdeef1
#cdeef1
rgb(205,238,241)
-
#caf0f3
#caf0f3
rgb(202,240,243)
-
#c8f2f6
#c8f2f6
rgb(200,242,246)
-
#c5f4f8
#c5f4f8
rgb(197,244,248)
-
#c3f6fb
#c3f6fb
rgb(195,246,251)
-
#c0f9fd
#c0f9fd
rgb(192,249,253)
Color Blindness Simulator
Below, you can see how #caf0f3 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.