#ccb1fe hex color

In a RGB color space, hex #ccb1fe is composed of 80% red, 69.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 30.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 261 degrees, a saturation of 97.5% and a lightness of 84.5%. #ccb1fe color hex could be obtained by blending #ffffff with #9963fd. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 80
- G 69
- B 100
RGB color chart
- C 20
- M 30
- Y 0
- K 0
CMYK color chart

● #ccb1fe color description : Very soft violet.

The hexadecimal color #ccb1fe has RGB values of R:204, G:177, B:254 and CMYK values of C:0.2, M:0.3, Y:0, K:0. Its decimal value is 13414910.

Hex triplet	ccb1fe	`#ccb1fe`
RGB Decimal	204, 177, 254	`rgb(204,177,254)`
RGB Percent	80, 69.4, 99.6	`rgb(80%,69.4%,99.6%)`
CMYK	20, 30, 0, 0
HSL	261°, 97.5, 84.5	`hsl(261,97.5%,84.5%)`
HSV (or HSB)	261°, 30.3, 99.6
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	76.943, 24.721, -34.551
XYZ	58.51, 51.438, 100.606
xyY	0.278, 0.244, 51.438
CIE-LCH	76.943, 42.484, 305.583
CIE-LUV	76.943, 8.932, -59.358
Hunter-Lab	71.72, 20.113, -32.966
Binary	11001100, 10110001, 11111110

#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#e3feb1
```
#e3feb1 rgb(227,254,177)
```

Complementary Color

#b1bdfe
```
#b1bdfe rgb(177,189,254)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#f3b1fe
```
#f3b1fe rgb(243,177,254)
```

Analogous Color

#bdfeb1
```
#bdfeb1 rgb(189,254,177)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#fef3b1
```
#fef3b1 rgb(254,243,177)
```

Split Complementary Color

#b1fecc
```
#b1fecc rgb(177,254,204)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#feccb1
```
#feccb1 rgb(254,204,177)
```

Triadic Color

#b1e3fe
```
#b1e3fe rgb(177,227,254)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#feccb1
```
#feccb1 rgb(254,204,177)
```
#e3feb1
```
#e3feb1 rgb(227,254,177)
```

Tetradic Color

#9b65fd
```
#9b65fd rgb(155,101,253)
```
#ab7ffd
```
#ab7ffd rgb(171,127,253)
```
#bc98fe
```
#bc98fe rgb(188,152,254)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#dccafe
```
#dccafe rgb(220,202,254)
```
#ede3ff
```
#ede3ff rgb(237,227,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Monochromatic Color

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

#b9b1fe
```
#b9b1fe rgb(185,177,254)
```
#bfb1fe
```
#bfb1fe rgb(191,177,254)
```
#c6b1fe
```
#c6b1fe rgb(198,177,254)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#d2b1fe
```
#d2b1fe rgb(210,177,254)
```
#d9b1fe
```
#d9b1fe rgb(217,177,254)
```
#dfb1fe
```
#dfb1fe rgb(223,177,254)
```

Similar Colors

Text with hexadecimal color #ccb1fe

This text has a font color of #ccb1fe.

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

#ccb1fe background color

This paragraph has a background color of #ccb1fe.

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

#ccb1fe border color

This element has a border color of #ccb1fe.

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

CSS codes

.text {color:#ccb1fe;}

.background {background-color:#ccb1fe;}

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

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

#070013
```
#070013 rgb(7,0,19)
```
#0e0026
```
#0e0026 rgb(14,0,38)
```
#15013a
```
#15013a rgb(21,1,58)
```
#1c014d
```
#1c014d rgb(28,1,77)
```
#230160
```
#230160 rgb(35,1,96)
```
#2a0174
```
#2a0174 rgb(42,1,116)
```
#300287
```
#300287 rgb(48,2,135)
```
#37029a
```
#37029a rgb(55,2,154)
```
#3e02ae
```
#3e02ae rgb(62,2,174)
```
#4502c1
```
#4502c1 rgb(69,2,193)
```
#4c03d5
```
#4c03d5 rgb(76,3,213)
```
#5303e8
```
#5303e8 rgb(83,3,232)
```
#5a03fb
```
#5a03fb rgb(90,3,251)
```

Shade Color Variation

#6716fc
```
#6716fc rgb(103,22,252)
```
#7329fc
```
#7329fc rgb(115,41,252)
```
#803dfd
```
#803dfd rgb(128,61,253)
```
#8d50fd
```
#8d50fd rgb(141,80,253)
```
#9964fd
```
#9964fd rgb(153,100,253)
```
#a677fd
```
#a677fd rgb(166,119,253)
```
#b38afe
```
#b38afe rgb(179,138,254)
```
#bf9efe
```
#bf9efe rgb(191,158,254)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```
#d9c4fe
```
#d9c4fe rgb(217,196,254)
```
#e5d8fe
```
#e5d8fe rgb(229,216,254)
```
#f2ebff
```
#f2ebff rgb(242,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#d7d5da
```
#d7d5da rgb(215,213,218)
```
#d6d2dd
```
#d6d2dd rgb(214,210,221)
```
#d5cfe0
```
#d5cfe0 rgb(213,207,224)
```
#d4cce3
```
#d4cce3 rgb(212,204,227)
```
#d3c9e6
```
#d3c9e6 rgb(211,201,230)
```
#d2c6e9
```
#d2c6e9 rgb(210,198,233)
```
#d1c3ec
```
#d1c3ec rgb(209,195,236)
```
#d1c0ef
```
#d1c0ef rgb(209,192,239)
```
#d0bdf2
```
#d0bdf2 rgb(208,189,242)
```
#cfbaf5
```
#cfbaf5 rgb(207,186,245)
```
#ceb7f8
```
#ceb7f8 rgb(206,183,248)
```
#cdb4fb
```
#cdb4fb rgb(205,180,251)
```
#ccb1fe
```
#ccb1fe rgb(204,177,254)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4bfce Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbfff Protanopia 1% of men
#b1befa Deuteranopia 1% of men
#c4bfcc Tritanopia 0.001% of the population

Trichromacy

#b8bafe Protanomaly 1% of men, 0.01% of women
#bbb9fb Deuteranomaly 6% of men, 0.4% of women
#c7bade Tritanomaly 0.01% of the population

#ccb1fe hex color

#ccb1fe Color Information

#ccb1fe Color Conversion

Color Schemes with #ccb1fe

Alternatives to #ccb1fe

#ccb1fe Preview

Shades and Tints of #ccb1fe

Tones of #ccb1fe

Color Blindness Simulator