#ccb4f5 hex color

In a RGB color space, hex #ccb4f5 is composed of 80% red, 70.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 26.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 262.2 degrees, a saturation of 76.5% and a lightness of 83.3%. #ccb4f5 color hex could be obtained by blending #ffffff with #9969eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 71
- B 96
RGB color chart
- C 17
- M 27
- Y 0
- K 4
CMYK color chart

● #ccb4f5 color description : Very soft violet.

The hexadecimal color #ccb4f5 has RGB values of R:204, G:180, B:245 and CMYK values of C:0.17, M:0.27, Y:0, K:0.04. Its decimal value is 13415669.

Hex triplet	ccb4f5	`#ccb4f5`
RGB Decimal	204, 180, 245	`rgb(204,180,245)`
RGB Percent	80, 70.6, 96.1	`rgb(80%,70.6%,96.1%)`
CMYK	17, 27, 0, 4
HSL	262.2°, 76.5, 83.3	`hsl(262.2,76.5%,83.3%)`
HSV (or HSB)	262.2°, 26.5, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.324, 21.11, -29.122
XYZ	57.702, 52.073, 93.392
xyY	0.284, 0.256, 52.073
CIE-LCH	77.324, 35.969, 305.938
CIE-LUV	77.324, 8.472, -49.768
Hunter-Lab	72.161, 16.45, -26.221
Binary	11001100, 10110100, 11110101

#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#ddf5b4
```
#ddf5b4 rgb(221,245,180)
```

Complementary Color

#b4bdf5
```
#b4bdf5 rgb(180,189,245)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#edb4f5
```
#edb4f5 rgb(237,180,245)
```

Analogous Color

#bdf5b4
```
#bdf5b4 rgb(189,245,180)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#f5edb4
```
#f5edb4 rgb(245,237,180)
```

Split Complementary Color

#b4f5cc
```
#b4f5cc rgb(180,245,204)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#f5ccb4
```
#f5ccb4 rgb(245,204,180)
```

Triadic Color

#b4ddf5
```
#b4ddf5 rgb(180,221,245)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#f5ccb4
```
#f5ccb4 rgb(245,204,180)
```
#ddf5b4
```
#ddf5b4 rgb(221,245,180)
```

Tetradic Color

#9e71ec
```
#9e71ec rgb(158,113,236)
```
#ad87ef
```
#ad87ef rgb(173,135,239)
```
#bd9ef2
```
#bd9ef2 rgb(189,158,242)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#dbcbf8
```
#dbcbf8 rgb(219,203,248)
```
#ebe1fb
```
#ebe1fb rgb(235,225,251)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Monochromatic Color

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

#bcb4f5
```
#bcb4f5 rgb(188,180,245)
```
#c1b4f5
```
#c1b4f5 rgb(193,180,245)
```
#c7b4f5
```
#c7b4f5 rgb(199,180,245)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#d1b4f5
```
#d1b4f5 rgb(209,180,245)
```
#d7b4f5
```
#d7b4f5 rgb(215,180,245)
```
#dcb4f5
```
#dcb4f5 rgb(220,180,245)
```

Similar Colors

Text with hexadecimal color #ccb4f5

This text has a font color of #ccb4f5.

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

#ccb4f5 background color

This paragraph has a background color of #ccb4f5.

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

#ccb4f5 border color

This element has a border color of #ccb4f5.

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

CSS codes

.text {color:#ccb4f5;}

.background {background-color:#ccb4f5;}

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

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, #05020c is the darkest color, while #fbf9fe is the lightest one.

#05020c
```
#05020c rgb(5,2,12)
```
#0d041d
```
#0d041d rgb(13,4,29)
```
#15062e
```
#15062e rgb(21,6,46)
```
#1d083f
```
#1d083f rgb(29,8,63)
```
#250b51
```
#250b51 rgb(37,11,81)
```
#2c0d62
```
#2c0d62 rgb(44,13,98)
```
#340f73
```
#340f73 rgb(52,15,115)
```
#3c1285
```
#3c1285 rgb(60,18,133)
```
#441496
```
#441496 rgb(68,20,150)
```
#4c16a7
```
#4c16a7 rgb(76,22,167)
```
#5419b9
```
#5419b9 rgb(84,25,185)
```
#5c1bca
```
#5c1bca rgb(92,27,202)
```
#631ddb
```
#631ddb rgb(99,29,219)
```

Shade Color Variation

#6e2ae3
```
#6e2ae3 rgb(110,42,227)
```
#7a3be5
```
#7a3be5 rgb(122,59,229)
```
#854ce7
```
#854ce7 rgb(133,76,231)
```
#915de9
```
#915de9 rgb(145,93,233)
```
#9d6fec
```
#9d6fec rgb(157,111,236)
```
#a980ee
```
#a980ee rgb(169,128,238)
```
#b491f0
```
#b491f0 rgb(180,145,240)
```
#c0a3f3
```
#c0a3f3 rgb(192,163,243)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#d8c5f7
```
#d8c5f7 rgb(216,197,247)
```
#e4d7fa
```
#e4d7fa rgb(228,215,250)
```
#efe8fc
```
#efe8fc rgb(239,232,252)
```
#fbf9fe
```
#fbf9fe rgb(251,249,254)
```

Tint Color Variation

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

#d4d1d8
```
#d4d1d8 rgb(212,209,216)
```
#d3cedb
```
#d3cedb rgb(211,206,219)
```
#d2cbde
```
#d2cbde rgb(210,203,222)
```
#d1c8e1
```
#d1c8e1 rgb(209,200,225)
```
#d0c4e5
```
#d0c4e5 rgb(208,196,229)
```
#cfc1e8
```
#cfc1e8 rgb(207,193,232)
```
#cfbeeb
```
#cfbeeb rgb(207,190,235)
```
#cebbee
```
#cebbee rgb(206,187,238)
```
#cdb7f2
```
#cdb7f2 rgb(205,183,242)
```
#ccb4f5
```
#ccb4f5 rgb(204,180,245)
```
#cbb1f8
```
#cbb1f8 rgb(203,177,248)
```
#caadfc
```
#caadfc rgb(202,173,252)
```
#c9aaff
```
#c9aaff rgb(201,170,255)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c5c0cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1c0fa Protanopia 1% of men
#b9bff3 Deuteranopia 1% of men
#c6bfcd Tritanopia 0.001% of the population

Trichromacy

#babbf8 Protanomaly 1% of men, 0.01% of women
#bfbbf3 Deuteranomaly 6% of men, 0.4% of women
#c8bbdb Tritanomaly 0.01% of the population

#ccb4f5 hex color

#ccb4f5 Color Information

#ccb4f5 Color Conversion

Color Schemes with #ccb4f5

Alternatives to #ccb4f5

#ccb4f5 Preview

Shades and Tints of #ccb4f5

Tones of #ccb4f5

Color Blindness Simulator