#cadff5 hex color

In a RGB color space, hex #cadff5 is composed of 79.2% red, 87.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 9% magenta, 0% yellow and 3.9% black. It has a hue angle of 210.7 degrees, a saturation of 68.3% and a lightness of 87.6%. #cadff5 color hex could be obtained by blending #ffffff with #95bfeb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 87
- B 96
RGB color chart
- C 18
- M 9
- Y 0
- K 4
CMYK color chart

● #cadff5 color description : Light grayish blue.

The hexadecimal color #cadff5 has RGB values of R:202, G:223, B:245 and CMYK values of C:0.18, M:0.09, Y:0, K:0.04. Its decimal value is 13295605.

Hex triplet	cadff5	`#cadff5`
RGB Decimal	202, 223, 245	`rgb(202,223,245)`
RGB Percent	79.2, 87.5, 96.1	`rgb(79.2%,87.5%,96.1%)`
CMYK	18, 9, 0, 4
HSL	210.7°, 68.3, 87.6	`hsl(210.7,68.3%,87.6%)`
HSV (or HSB)	210.7°, 17.6, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.932, -2.5, -13.066
XYZ	67.223, 71.923, 96.722
xyY	0.285, 0.305, 71.923
CIE-LCH	87.932, 13.303, 259.167
CIE-LUV	87.932, -12.141, -20.163
Hunter-Lab	84.808, -6.925, -8.254
Binary	11001010, 11011111, 11110101

#cadff5
```
#cadff5 rgb(202,223,245)
```
#f5e0ca
```
#f5e0ca rgb(245,224,202)
```

Complementary Color

#caf5f5
```
#caf5f5 rgb(202,245,245)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#cbcaf5
```
#cbcaf5 rgb(203,202,245)
```

Analogous Color

#f5f5ca
```
#f5f5ca rgb(245,245,202)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#f5cbca
```
#f5cbca rgb(245,203,202)
```

Split Complementary Color

#dff5ca
```
#dff5ca rgb(223,245,202)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#f5cadf
```
#f5cadf rgb(245,202,223)
```

Triadic Color

#caf5e0
```
#caf5e0 rgb(202,245,224)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#f5cadf
```
#f5cadf rgb(245,202,223)
```
#f5e0ca
```
#f5e0ca rgb(245,224,202)
```

Tetradic Color

#8ab8e9
```
#8ab8e9 rgb(138,184,233)
```
#9fc5ed
```
#9fc5ed rgb(159,197,237)
```
#b5d2f1
```
#b5d2f1 rgb(181,210,241)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#dfecf9
```
#dfecf9 rgb(223,236,249)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #cadff5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#caeaf5
```
#caeaf5 rgb(202,234,245)
```
#cae6f5
```
#cae6f5 rgb(202,230,245)
```
#cae3f5
```
#cae3f5 rgb(202,227,245)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#cadbf5
```
#cadbf5 rgb(202,219,245)
```
#cad8f5
```
#cad8f5 rgb(202,216,245)
```
#cad4f5
```
#cad4f5 rgb(202,212,245)
```

Similar Colors

Text with hexadecimal color #cadff5

This text has a font color of #cadff5.

<span style="color:#cadff5;">Text here</span>

#cadff5 background color

This paragraph has a background color of #cadff5.

<p style="background-color:#cadff5;">Content here</p>

#cadff5 border color

This element has a border color of #cadff5.

<div style="border:1px solid #cadff5;">Content here</div>

CSS codes

.text {color:#cadff5;}

.background {background-color:#cadff5;}

.border {border:1px solid #cadff5;}

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, #02080d is the darkest color, while #fcfdfe is the lightest one.

#02080d
```
#02080d rgb(2,8,13)
```
#06111e
```
#06111e rgb(6,17,30)
```
#091b2e
```
#091b2e rgb(9,27,46)
```
#0c253f
```
#0c253f rgb(12,37,63)
```
#0f2e4f
```
#0f2e4f rgb(15,46,79)
```
#123860
```
#123860 rgb(18,56,96)
```
#154270
```
#154270 rgb(21,66,112)
```
#184b81
```
#184b81 rgb(24,75,129)
```
#1b5591
```
#1b5591 rgb(27,85,145)
```
#1e5ea2
```
#1e5ea2 rgb(30,94,162)
```
#2268b2
```
#2268b2 rgb(34,104,178)
```
#2572c3
```
#2572c3 rgb(37,114,195)
```
#287bd3
```
#287bd3 rgb(40,123,211)
```

Shade Color Variation

#3585d9
```
#3585d9 rgb(53,133,217)
```
#468fdc
```
#468fdc rgb(70,143,220)
```
#5699df
```
#5699df rgb(86,153,223)
```
#67a3e2
```
#67a3e2 rgb(103,163,226)
```
#77ade5
```
#77ade5 rgb(119,173,229)
```
#88b7e9
```
#88b7e9 rgb(136,183,233)
```
#98c1ec
```
#98c1ec rgb(152,193,236)
```
#a9cbef
```
#a9cbef rgb(169,203,239)
```
#b9d5f2
```
#b9d5f2 rgb(185,213,242)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#dbe9f8
```
#dbe9f8 rgb(219,233,248)
```
#ebf3fb
```
#ebf3fb rgb(235,243,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #dddfe2 is the less saturated color, while #c0dfff is the most saturated one.

#dddfe2
```
#dddfe2 rgb(221,223,226)
```
#dbdfe4
```
#dbdfe4 rgb(219,223,228)
```
#d9dfe6
```
#d9dfe6 rgb(217,223,230)
```
#d6dfe9
```
#d6dfe9 rgb(214,223,233)
```
#d4dfeb
```
#d4dfeb rgb(212,223,235)
```
#d1dfee
```
#d1dfee rgb(209,223,238)
```
#cfdff0
```
#cfdff0 rgb(207,223,240)
```
#ccdff3
```
#ccdff3 rgb(204,223,243)
```
#cadff5
```
#cadff5 rgb(202,223,245)
```
#c8dff7
```
#c8dff7 rgb(200,223,247)
```
#c5dffa
```
#c5dffa rgb(197,223,250)
```
#c3dffc
```
#c3dffc rgb(195,223,252)
```
#c0dfff
```
#c0dfff rgb(192,223,255)
```

Tone Color Variation

Below, you can see how #cadff5 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.

Monochromacy

#dbdbdb Achromatopsia 0.005% of the population
#d8dce0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdcf3 Protanopia 1% of men
#e6d8f8 Deuteranopia 1% of men
#cbe1f1 Tritanopia 0.001% of the population

Trichromacy

#d5ddf3 Protanomaly 1% of men, 0.01% of women
#dbdbf6 Deuteranomaly 6% of men, 0.4% of women
#cbe0f2 Tritanomaly 0.01% of the population

#cadff5 hex color

#cadff5 Color Information

#cadff5 Color Conversion

Color Schemes with #cadff5

Alternatives to #cadff5

#cadff5 Preview

Shades and Tints of #cadff5

Tones of #cadff5

Color Blindness Simulator