#cabff3 hex color

In a RGB color space, hex #cabff3 is composed of 79.2% red, 74.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 21.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 252.7 degrees, a saturation of 68.4% and a lightness of 85.1%. #cabff3 color hex could be obtained by blending #ffffff with #957fe7. 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

● #cabff3 color description : Very soft blue.

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

Hex triplet	cabff3	`#cabff3`
RGB Decimal	202, 191, 243	`rgb(202,191,243)`
RGB Percent	79.2, 74.9, 95.3	`rgb(79.2%,74.9%,95.3%)`
CMYK	17, 21, 0, 5
HSL	252.7°, 68.4, 85.1	`hsl(252.7,68.4%,85.1%)`
HSV (or HSB)	252.7°, 21.4, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.778, 14.077, -24.31
XYZ	59.163, 56.289, 92.537
xyY	0.284, 0.271, 56.289
CIE-LCH	79.778, 28.092, 300.074
CIE-LUV	79.778, 2.617, -40.879
Hunter-Lab	75.026, 9.463, -20.61
Binary	11001010, 10111111, 11110011

#cabff3
```
#cabff3 rgb(202,191,243)
```
#e8f3bf
```
#e8f3bf rgb(232,243,191)
```

Complementary Color

#bfcef3
```
#bfcef3 rgb(191,206,243)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#e4bff3
```
#e4bff3 rgb(228,191,243)
```

Analogous Color

#cef3bf
```
#cef3bf rgb(206,243,191)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#f3e4bf
```
#f3e4bf rgb(243,228,191)
```

Split Complementary Color

#bff3ca
```
#bff3ca rgb(191,243,202)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#f3cabf
```
#f3cabf rgb(243,202,191)
```

Triadic Color

#bfe8f3
```
#bfe8f3 rgb(191,232,243)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#f3cabf
```
#f3cabf rgb(243,202,191)
```
#e8f3bf
```
#e8f3bf rgb(232,243,191)
```

Tetradic Color

#957fe7
```
#957fe7 rgb(149,127,231)
```
#a694eb
```
#a694eb rgb(166,148,235)
```
#b8aaef
```
#b8aaef rgb(184,170,239)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#dcd4f7
```
#dcd4f7 rgb(220,212,247)
```
#eeeafb
```
#eeeafb rgb(238,234,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfc1f3
```
#bfc1f3 rgb(191,193,243)
```
#c1bff3
```
#c1bff3 rgb(193,191,243)
```
#c6bff3
```
#c6bff3 rgb(198,191,243)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#cebff3
```
#cebff3 rgb(206,191,243)
```
#d3bff3
```
#d3bff3 rgb(211,191,243)
```
#d7bff3
```
#d7bff3 rgb(215,191,243)
```

Similar Colors

Text with hexadecimal color #cabff3

This text has a font color of #cabff3.

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

#cabff3 background color

This paragraph has a background color of #cabff3.

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

#cabff3 border color

This element has a border color of #cabff3.

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

CSS codes

.text {color:#cabff3;}

.background {background-color:#cabff3;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070313
```
#070313 rgb(7,3,19)
```
#0d0723
```
#0d0723 rgb(13,7,35)
```
#130a34
```
#130a34 rgb(19,10,52)
```
#180d44
```
#180d44 rgb(24,13,68)
```
#1e1055
```
#1e1055 rgb(30,16,85)
```
#241365
```
#241365 rgb(36,19,101)
```
#2a1676
```
#2a1676 rgb(42,22,118)
```
#301986
```
#301986 rgb(48,25,134)
```
#361c97
```
#361c97 rgb(54,28,151)
```
#3c1fa7
```
#3c1fa7 rgb(60,31,167)
```
#4222b8
```
#4222b8 rgb(66,34,184)
```
#4826c8
```
#4826c8 rgb(72,38,200)
```

Shade Color Variation

#4f2ad7
```
#4f2ad7 rgb(79,42,215)
```
#5d3bda
```
#5d3bda rgb(93,59,218)
```
#6a4bdd
```
#6a4bdd rgb(106,75,221)
```
#785ce0
```
#785ce0 rgb(120,92,224)
```
#866ce4
```
#866ce4 rgb(134,108,228)
```
#937de7
```
#937de7 rgb(147,125,231)
```
#a18dea
```
#a18dea rgb(161,141,234)
```
#af9eed
```
#af9eed rgb(175,158,237)
```
#bcaef0
```
#bcaef0 rgb(188,174,240)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#d8d0f6
```
#d8d0f6 rgb(216,208,246)
```
#e5e0f9
```
#e5e0f9 rgb(229,224,249)
```
#f3f1fc
```
#f3f1fc rgb(243,241,252)
```

Tint Color Variation

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

#d7d6dc
```
#d7d6dc rgb(215,214,220)
```
#d6d3df
```
#d6d3df rgb(214,211,223)
```
#d4d1e1
```
#d4d1e1 rgb(212,209,225)
```
#d2cee4
```
#d2cee4 rgb(210,206,228)
```
#d1cbe7
```
#d1cbe7 rgb(209,203,231)
```
#cfc8ea
```
#cfc8ea rgb(207,200,234)
```
#cdc5ed
```
#cdc5ed rgb(205,197,237)
```
#ccc2f0
```
#ccc2f0 rgb(204,194,240)
```
#cabff3
```
#cabff3 rgb(202,191,243)
```
#c8bcf6
```
#c8bcf6 rgb(200,188,246)
```
#c7b9f9
```
#c7b9f9 rgb(199,185,249)
```
#c5b6fc
```
#c5b6fc rgb(197,182,252)
```
#c3b3ff
```
#c3b3ff rgb(195,179,255)
```

Tone Color Variation

Below, you can see how #cabff3 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
#c8c6d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc6f6 Protanopia 1% of men
#c4c4f2 Deuteranopia 1% of men
#c6c7d6 Tritanopia 0.001% of the population

Trichromacy

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

#cabff3 hex color

#cabff3 Color Information

#cabff3 Color Conversion

Color Schemes with #cabff3

Alternatives to #cabff3

#cabff3 Preview

Shades and Tints of #cabff3

Tones of #cabff3

Color Blindness Simulator