#caf0fd Color Information
In a RGB color space, hex #caf0fd is composed of 79.2% red, 94.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 5.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 195.3 degrees, a saturation of 92.7% and a lightness of 89.2%. #caf0fd color hex could be obtained by blending #ffffff with #95e1fb. Closest websafe color is: #ccffff.
-
- R 79
- G 94
- B 99
-
- C 20
- M 5
- Y 0
- K 1
● #caf0fd color description : Very soft blue.
#caf0fd Color Conversion
The hexadecimal color #caf0fd has RGB values of R:202, G:240, B:253 and CMYK values of C:0.2, M:0.05, Y:0, K:0.01. Its decimal value is 13299965.
Hex triplet | caf0fd | #caf0fd |
---|---|---|
RGB Decimal | 202, 240, 253 | rgb(202,240,253) |
RGB Percent | 79.2, 94.1, 99.2 | rgb(79.2%,94.1%,99.2%) |
CMYK | 20, 5, 0, 1 | |
HSL | 195.3°, 92.7, 89.2 | hsl(195.3,92.7%,89.2%) |
HSV (or HSB) | 195.3°, 20.2, 99.2 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.56, -9.531, -10.349 |
---|---|
XYZ | 73.243, 81.967, 104.885 |
xyY | 0.282, 0.315, 81.967 |
CIE-LCH | 92.56, 14.069, 227.357 |
CIE-LUV | 92.56, -20.098, -14.72 |
Hunter-Lab | 90.536, -14.031, -5.313 |
Binary | 11001010, 11110000, 11111101 |
Color Schemes with #caf0fd
Alternatives to #caf0fd
Below, you can see some colors close to #caf0fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf0fd Preview
This text has a font color of #caf0fd.
<span style="color:#caf0fd;">Text here</span>
This paragraph has a background color of #caf0fd.
<p style="background-color:#caf0fd;">Content here</p>
This element has a border color of #caf0fd.
<div style="border:1px solid #caf0fd;">Content here</div>
.text {color:#caf0fd;}
.background {background-color:#caf0fd;}
.border {border:1px solid #caf0fd;}
Shades and Tints of #caf0fd
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, #000304 is the darkest color, while #f0fbfe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#011117
#011117
rgb(1,17,23)
-
#021f2a
#021f2a
rgb(2,31,42)
-
#022e3c
#022e3c
rgb(2,46,60)
-
#033c4f
#033c4f
rgb(3,60,79)
-
#044a62
#044a62
rgb(4,74,98)
-
#045875
#045875
rgb(4,88,117)
-
#056788
#056788
rgb(5,103,136)
-
#06759b
#06759b
rgb(6,117,155)
-
#0783ae
#0783ae
rgb(7,131,174)
-
#0791c1
#0791c1
rgb(7,145,193)
-
#08a0d4
#08a0d4
rgb(8,160,212)
-
#09aee7
#09aee7
rgb(9,174,231)
-
#0dbbf6
#0dbbf6
rgb(13,187,246)
-
#20c0f7
#20c0f7
rgb(32,192,247)
-
#33c5f7
#33c5f7
rgb(51,197,247)
-
#46cbf8
#46cbf8
rgb(70,203,248)
-
#59d0f9
#59d0f9
rgb(89,208,249)
-
#6bd5f9
#6bd5f9
rgb(107,213,249)
-
#7edbfa
#7edbfa
rgb(126,219,250)
-
#91e0fb
#91e0fb
rgb(145,224,251)
-
#a4e5fc
#a4e5fc
rgb(164,229,252)
-
#b7ebfc
#b7ebfc
rgb(183,235,252)
-
#caf0fd
#caf0fd
rgb(202,240,253)
-
#ddf5fe
#ddf5fe
rgb(221,245,254)
-
#f0fbfe
#f0fbfe
rgb(240,251,254)
Tones of #caf0fd
A tone is produced by adding gray to any pure hue. In this case, #e3e4e4 is the less saturated color, while #caf0fd is the most saturated one.
-
#e3e4e4
#e3e4e4
rgb(227,228,228)
-
#e1e5e6
#e1e5e6
rgb(225,229,230)
-
#dfe6e8
#dfe6e8
rgb(223,230,232)
-
#dde7ea
#dde7ea
rgb(221,231,234)
-
#dbe8ec
#dbe8ec
rgb(219,232,236)
-
#d9e9ee
#d9e9ee
rgb(217,233,238)
-
#d7eaf0
#d7eaf0
rgb(215,234,240)
-
#d5ebf2
#d5ebf2
rgb(213,235,242)
-
#d2ecf5
#d2ecf5
rgb(210,236,245)
-
#d0edf7
#d0edf7
rgb(208,237,247)
-
#ceeef9
#ceeef9
rgb(206,238,249)
-
#cceffb
#cceffb
rgb(204,239,251)
-
#caf0fd
#caf0fd
rgb(202,240,253)
Color Blindness Simulator
Below, you can see how #caf0fd 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.