#ccb8f8 hex color

In a RGB color space, hex #ccb8f8 is composed of 80% red, 72.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 25.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 258.8 degrees, a saturation of 82.1% and a lightness of 84.7%. #ccb8f8 color hex could be obtained by blending #ffffff with #9971f1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 72
- B 97
RGB color chart
- C 18
- M 26
- Y 0
- K 3
CMYK color chart

● #ccb8f8 color description : Very soft violet.

The hexadecimal color #ccb8f8 has RGB values of R:204, G:184, B:248 and CMYK values of C:0.18, M:0.26, Y:0, K:0.03. Its decimal value is 13416696.

Hex triplet	ccb8f8	`#ccb8f8`
RGB Decimal	204, 184, 248	`rgb(204,184,248)`
RGB Percent	80, 72.2, 97.3	`rgb(80%,72.2%,97.3%)`
CMYK	18, 26, 0, 3
HSL	258.8°, 82.1, 84.7	`hsl(258.8,82.1%,84.7%)`
HSV (or HSB)	258.8°, 25.8, 97.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.401, 19.58, -29.083
XYZ	58.983, 53.896, 96.097
xyY	0.282, 0.258, 53.896
CIE-LCH	78.401, 35.06, 303.95
CIE-LUV	78.401, 6.425, -49.562
Hunter-Lab	73.414, 14.938, -26.22
Binary	11001100, 10111000, 11111000

#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#e4f8b8
```
#e4f8b8 rgb(228,248,184)
```

Complementary Color

#b8c4f8
```
#b8c4f8 rgb(184,196,248)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#ecb8f8
```
#ecb8f8 rgb(236,184,248)
```

Analogous Color

#c4f8b8
```
#c4f8b8 rgb(196,248,184)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#f8ecb8
```
#f8ecb8 rgb(248,236,184)
```

Split Complementary Color

#b8f8cc
```
#b8f8cc rgb(184,248,204)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#f8ccb8
```
#f8ccb8 rgb(248,204,184)
```

Triadic Color

#b8e4f8
```
#b8e4f8 rgb(184,228,248)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#f8ccb8
```
#f8ccb8 rgb(248,204,184)
```
#e4f8b8
```
#e4f8b8 rgb(228,248,184)
```

Tetradic Color

#9a72f1
```
#9a72f1 rgb(154,114,241)
```
#ab8af3
```
#ab8af3 rgb(171,138,243)
```
#bba1f6
```
#bba1f6 rgb(187,161,246)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#ddcffa
```
#ddcffa rgb(221,207,250)
```
#ede6fd
```
#ede6fd rgb(237,230,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#bcb8f8
```
#bcb8f8 rgb(188,184,248)
```
#c1b8f8
```
#c1b8f8 rgb(193,184,248)
```
#c7b8f8
```
#c7b8f8 rgb(199,184,248)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#d1b8f8
```
#d1b8f8 rgb(209,184,248)
```
#d7b8f8
```
#d7b8f8 rgb(215,184,248)
```
#dcb8f8
```
#dcb8f8 rgb(220,184,248)
```

Similar Colors

Text with hexadecimal color #ccb8f8

This text has a font color of #ccb8f8.

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

#ccb8f8 background color

This paragraph has a background color of #ccb8f8.

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

#ccb8f8 border color

This element has a border color of #ccb8f8.

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

CSS codes

.text {color:#ccb8f8;}

.background {background-color:#ccb8f8;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070212
```
#070212 rgb(7,2,18)
```
#0e0424
```
#0e0424 rgb(14,4,36)
```
#150536
```
#150536 rgb(21,5,54)
```
#1b0748
```
#1b0748 rgb(27,7,72)
```
#22095a
```
#22095a rgb(34,9,90)
```
#290b6c
```
#290b6c rgb(41,11,108)
```
#300c7d
```
#300c7d rgb(48,12,125)
```
#360e8f
```
#360e8f rgb(54,14,143)
```
#3d10a1
```
#3d10a1 rgb(61,16,161)
```
#4412b3
```
#4412b3 rgb(68,18,179)
```
#4b13c5
```
#4b13c5 rgb(75,19,197)
```
#5215d7
```
#5215d7 rgb(82,21,215)
```

Shade Color Variation

#5917e8
```
#5917e8 rgb(89,23,232)
```
#6529ea
```
#6529ea rgb(101,41,234)
```
#723bec
```
#723bec rgb(114,59,236)
```
#7f4ded
```
#7f4ded rgb(127,77,237)
```
#8c5fef
```
#8c5fef rgb(140,95,239)
```
#9971f1
```
#9971f1 rgb(153,113,241)
```
#a682f3
```
#a682f3 rgb(166,130,243)
```
#b294f4
```
#b294f4 rgb(178,148,244)
```
#bfa6f6
```
#bfa6f6 rgb(191,166,246)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#d9cafa
```
#d9cafa rgb(217,202,250)
```
#e6dcfc
```
#e6dcfc rgb(230,220,252)
```
#f2eefd
```
#f2eefd rgb(242,238,253)
```

Tint Color Variation

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

#d7d6da
```
#d7d6da rgb(215,214,218)
```
#d6d3dd
```
#d6d3dd rgb(214,211,221)
```
#d5d0e0
```
#d5d0e0 rgb(213,208,224)
```
#d4cde3
```
#d4cde3 rgb(212,205,227)
```
#d3cae6
```
#d3cae6 rgb(211,202,230)
```
#d2c7e9
```
#d2c7e9 rgb(210,199,233)
```
#d1c4ec
```
#d1c4ec rgb(209,196,236)
```
#cfc1ef
```
#cfc1ef rgb(207,193,239)
```
#cebef2
```
#cebef2 rgb(206,190,242)
```
#cdbbf5
```
#cdbbf5 rgb(205,187,245)
```
#ccb8f8
```
#ccb8f8 rgb(204,184,248)
```
#cbb5fb
```
#cbb5fb rgb(203,181,251)
```
#cab2fe
```
#cab2fe rgb(202,178,254)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c6c2cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c2fd Protanopia 1% of men
#bbc1f6 Deuteranopia 1% of men
#c6c3d1 Tritanopia 0.001% of the population

Trichromacy

#bcbefb Protanomaly 1% of men, 0.01% of women
#c1bef6 Deuteranomaly 6% of men, 0.4% of women
#c8bfdf Tritanomaly 0.01% of the population

#ccb8f8 hex color

#ccb8f8 Color Information

#ccb8f8 Color Conversion

Color Schemes with #ccb8f8

Alternatives to #ccb8f8

#ccb8f8 Preview

Shades and Tints of #ccb8f8

Tones of #ccb8f8

Color Blindness Simulator