#cabdf4 hex color

In a RGB color space, hex #cabdf4 is composed of 79.2% red, 74.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 22.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 254.2 degrees, a saturation of 71.4% and a lightness of 84.9%. #cabdf4 color hex could be obtained by blending #ffffff with #957be9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 74
- B 96
RGB color chart
- C 17
- M 23
- Y 0
- K 4
CMYK color chart

● #cabdf4 color description : Very soft blue.

The hexadecimal color #cabdf4 has RGB values of R:202, G:189, B:244 and CMYK values of C:0.17, M:0.23, Y:0, K:0.04. Its decimal value is 13286900.

Hex triplet	cabdf4	`#cabdf4`
RGB Decimal	202, 189, 244	`rgb(202,189,244)`
RGB Percent	79.2, 74.1, 95.7	`rgb(79.2%,74.1%,95.7%)`
CMYK	17, 23, 0, 4
HSL	254.2°, 71.4, 84.9	`hsl(254.2,71.4%,84.9%)`
HSV (or HSB)	254.2°, 22.5, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.319, 15.378, -25.546
XYZ	58.881, 55.483, 93.19
xyY	0.284, 0.267, 55.483
CIE-LCH	79.319, 29.818, 301.046
CIE-LUV	79.319, 3.446, -43.099
Hunter-Lab	74.487, 10.749, -22.036
Binary	11001010, 10111101, 11110100

#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#e7f4bd
```
#e7f4bd rgb(231,244,189)
```

Complementary Color

#bdccf4
```
#bdccf4 rgb(189,204,244)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#e6bdf4
```
#e6bdf4 rgb(230,189,244)
```

Analogous Color

#ccf4bd
```
#ccf4bd rgb(204,244,189)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#f4e6bd
```
#f4e6bd rgb(244,230,189)
```

Split Complementary Color

#bdf4ca
```
#bdf4ca rgb(189,244,202)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#f4cabd
```
#f4cabd rgb(244,202,189)
```

Triadic Color

#bde7f4
```
#bde7f4 rgb(189,231,244)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#f4cabd
```
#f4cabd rgb(244,202,189)
```
#e7f4bd
```
#e7f4bd rgb(231,244,189)
```

Tetradic Color

#957be9
```
#957be9 rgb(149,123,233)
```
#a791ed
```
#a791ed rgb(167,145,237)
```
#b8a7f0
```
#b8a7f0 rgb(184,167,240)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#dcd3f8
```
#dcd3f8 rgb(220,211,248)
```
#ede9fb
```
#ede9fb rgb(237,233,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdbef4
```
#bdbef4 rgb(189,190,244)
```
#c1bdf4
```
#c1bdf4 rgb(193,189,244)
```
#c5bdf4
```
#c5bdf4 rgb(197,189,244)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#cfbdf4
```
#cfbdf4 rgb(207,189,244)
```
#d3bdf4
```
#d3bdf4 rgb(211,189,244)
```
#d8bdf4
```
#d8bdf4 rgb(216,189,244)
```

Similar Colors

Text with hexadecimal color #cabdf4

This text has a font color of #cabdf4.

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

#cabdf4 background color

This paragraph has a background color of #cabdf4.

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

#cabdf4 border color

This element has a border color of #cabdf4.

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

CSS codes

.text {color:#cabdf4;}

.background {background-color:#cabdf4;}

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

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, #000001 is the darkest color, while #f3effc is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#070312
```
#070312 rgb(7,3,18)
```
#0d0623
```
#0d0623 rgb(13,6,35)
```
#130934
```
#130934 rgb(19,9,52)
```
#190b45
```
#190b45 rgb(25,11,69)
```
#1f0e55
```
#1f0e55 rgb(31,14,85)
```
#251166
```
#251166 rgb(37,17,102)
```
#2b1477
```
#2b1477 rgb(43,20,119)
```
#311788
```
#311788 rgb(49,23,136)
```
#371999
```
#371999 rgb(55,25,153)
```
#3e1ca9
```
#3e1ca9 rgb(62,28,169)
```
#441fba
```
#441fba rgb(68,31,186)
```
#4a22cb
```
#4a22cb rgb(74,34,203)
```

Shade Color Variation

#5026db
```
#5026db rgb(80,38,219)
```
#5e36de
```
#5e36de rgb(94,54,222)
```
#6b47e0
```
#6b47e0 rgb(107,71,224)
```
#7958e3
```
#7958e3 rgb(121,88,227)
```
#8669e6
```
#8669e6 rgb(134,105,230)
```
#947ae9
```
#947ae9 rgb(148,122,233)
```
#a18bec
```
#a18bec rgb(161,139,236)
```
#af9bee
```
#af9bee rgb(175,155,238)
```
#bcacf1
```
#bcacf1 rgb(188,172,241)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#d8cef7
```
#d8cef7 rgb(216,206,247)
```
#e5dffa
```
#e5dffa rgb(229,223,250)
```
#f3effc
```
#f3effc rgb(243,239,252)
```

Tint Color Variation

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

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d6d5dc
```
#d6d5dc rgb(214,213,220)
```
#d5d2df
```
#d5d2df rgb(213,210,223)
```
#d3cfe2
```
#d3cfe2 rgb(211,207,226)
```
#d2cce5
```
#d2cce5 rgb(210,204,229)
```
#d0c9e8
```
#d0c9e8 rgb(208,201,232)
```
#cfc6eb
```
#cfc6eb rgb(207,198,235)
```
#cdc3ee
```
#cdc3ee rgb(205,195,238)
```
#ccc0f1
```
#ccc0f1 rgb(204,192,241)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#c8baf7
```
#c8baf7 rgb(200,186,247)
```
#c7b7fa
```
#c7b7fa rgb(199,183,250)
```
#c5b4fd
```
#c5b4fd rgb(197,180,253)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8c5d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac5f7 Protanopia 1% of men
#c2c3f3 Deuteranopia 1% of men
#c6c6d4 Tritanopia 0.001% of the population

Trichromacy

#bfc2f6 Protanomaly 1% of men, 0.01% of women
#c5c1f3 Deuteranomaly 6% of men, 0.4% of women
#c7c3e0 Tritanomaly 0.01% of the population

#cabdf4 hex color

#cabdf4 Color Information

#cabdf4 Color Conversion

Color Schemes with #cabdf4

Alternatives to #cabdf4

#cabdf4 Preview

Shades and Tints of #cabdf4

Tones of #cabdf4

Color Blindness Simulator