#cabff2 hex color

In a RGB color space, hex #cabff2 is composed of 79.2% red, 74.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 21.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 252.9 degrees, a saturation of 66.2% and a lightness of 84.9%. #cabff2 color hex could be obtained by blending #ffffff with #957fe5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 79
- G 75
- B 95
RGB color chart
- C 17
- M 21
- Y 0
- K 5
CMYK color chart

● #cabff2 color description : Very soft blue.

The hexadecimal color #cabff2 has RGB values of R:202, G:191, B:242 and CMYK values of C:0.17, M:0.21, Y:0, K:0.05. Its decimal value is 13287410.

Hex triplet	cabff2	`#cabff2`
RGB Decimal	202, 191, 242	`rgb(202,191,242)`
RGB Percent	79.2, 74.9, 94.9	`rgb(79.2%,74.9%,94.9%)`
CMYK	17, 21, 0, 5
HSL	252.9°, 66.2, 84.9	`hsl(252.9,66.2%,84.9%)`
HSV (or HSB)	252.9°, 21.1, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.744, 13.862, -23.826
XYZ	59.012, 56.229, 91.744
xyY	0.285, 0.272, 56.229
CIE-LCH	79.744, 27.565, 300.191
CIE-LUV	79.744, 2.691, -40.043
Hunter-Lab	74.986, 9.25, -20.05
Binary	11001010, 10111111, 11110010

#cabff2
```
#cabff2 rgb(202,191,242)
```
#e7f2bf
```
#e7f2bf rgb(231,242,191)
```

Complementary Color

#bfcef2
```
#bfcef2 rgb(191,206,242)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#e4bff2
```
#e4bff2 rgb(228,191,242)
```

Analogous Color

#cef2bf
```
#cef2bf rgb(206,242,191)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#f2e4bf
```
#f2e4bf rgb(242,228,191)
```

Split Complementary Color

#bff2ca
```
#bff2ca rgb(191,242,202)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#f2cabf
```
#f2cabf rgb(242,202,191)
```

Triadic Color

#bfe7f2
```
#bfe7f2 rgb(191,231,242)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#f2cabf
```
#f2cabf rgb(242,202,191)
```
#e7f2bf
```
#e7f2bf rgb(231,242,191)
```

Tetradic Color

#957fe5
```
#957fe5 rgb(149,127,229)
```
#a795e9
```
#a795e9 rgb(167,149,233)
```
#b8aaee
```
#b8aaee rgb(184,170,238)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#dcd4f6
```
#dcd4f6 rgb(220,212,246)
```
#ede9fb
```
#ede9fb rgb(237,233,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfc1f2
```
#bfc1f2 rgb(191,193,242)
```
#c2bff2
```
#c2bff2 rgb(194,191,242)
```
#c6bff2
```
#c6bff2 rgb(198,191,242)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#cebff2
```
#cebff2 rgb(206,191,242)
```
#d3bff2
```
#d3bff2 rgb(211,191,242)
```
#d7bff2
```
#d7bff2 rgb(215,191,242)
```

Similar Colors

Text with hexadecimal color #cabff2

This text has a font color of #cabff2.

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

#cabff2 background color

This paragraph has a background color of #cabff2.

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

#cabff2 border color

This element has a border color of #cabff2.

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

CSS codes

.text {color:#cabff2;}

.background {background-color:#cabff2;}

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

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 #f3f0fc is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#070412
```
#070412 rgb(7,4,18)
```
#0d0722
```
#0d0722 rgb(13,7,34)
```
#130a32
```
#130a32 rgb(19,10,50)
```
#190d42
```
#190d42 rgb(25,13,66)
```
#1f1153
```
#1f1153 rgb(31,17,83)
```
#251463
```
#251463 rgb(37,20,99)
```
#2b1773
```
#2b1773 rgb(43,23,115)
```
#311b84
```
#311b84 rgb(49,27,132)
```
#371e94
```
#371e94 rgb(55,30,148)
```
#3e21a4
```
#3e21a4 rgb(62,33,164)
```
#4425b5
```
#4425b5 rgb(68,37,181)
```
#4a28c5
```
#4a28c5 rgb(74,40,197)
```

Shade Color Variation

#502cd4
```
#502cd4 rgb(80,44,212)
```
#5e3dd8
```
#5e3dd8 rgb(94,61,216)
```
#6b4ddb
```
#6b4ddb rgb(107,77,219)
```
#795dde
```
#795dde rgb(121,93,222)
```
#866de1
```
#866de1 rgb(134,109,225)
```
#947ee5
```
#947ee5 rgb(148,126,229)
```
#a18ee8
```
#a18ee8 rgb(161,142,232)
```
#af9eeb
```
#af9eeb rgb(175,158,235)
```
#bcafef
```
#bcafef rgb(188,175,239)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#d8cff5
```
#d8cff5 rgb(216,207,245)
```
#e5e0f9
```
#e5e0f9 rgb(229,224,249)
```
#f3f0fc
```
#f3f0fc rgb(243,240,252)
```

Tint Color Variation

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

#d7d7da
```
#d7d7da rgb(215,215,218)
```
#d6d4dd
```
#d6d4dd rgb(214,212,221)
```
#d4d1e0
```
#d4d1e0 rgb(212,209,224)
```
#d2cee3
```
#d2cee3 rgb(210,206,227)
```
#d1cbe6
```
#d1cbe6 rgb(209,203,230)
```
#cfc8e9
```
#cfc8e9 rgb(207,200,233)
```
#cdc5ec
```
#cdc5ec rgb(205,197,236)
```
#ccc2ef
```
#ccc2ef rgb(204,194,239)
```
#cabff2
```
#cabff2 rgb(202,191,242)
```
#c8bcf5
```
#c8bcf5 rgb(200,188,245)
```
#c7b9f8
```
#c7b9f8 rgb(199,185,248)
```
#c5b6fb
```
#c5b6fb rgb(197,182,251)
```
#c3b3fe
```
#c3b3fe rgb(195,179,254)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c8c6d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc6f5 Protanopia 1% of men
#c5c4f1 Deuteranopia 1% of men
#c6c7d6 Tritanopia 0.001% of the population

Trichromacy

#c1c3f4 Protanomaly 1% of men, 0.01% of women
#c6c2f1 Deuteranomaly 6% of men, 0.4% of women
#c7c4e0 Tritanomaly 0.01% of the population

#cabff2 hex color

#cabff2 Color Information

#cabff2 Color Conversion

Color Schemes with #cabff2

Alternatives to #cabff2

#cabff2 Preview

Shades and Tints of #cabff2

Tones of #cabff2

Color Blindness Simulator