#ccb0bd color information
In a RGB color space, hex #ccb0bd is composed of 80% red, 69% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 7.4% yellow and 20% black. It has a hue angle of 332.1 degrees, a saturation of 21.5% and a lightness of 74.5%. #ccb0bd color hex could be obtained by blending #ffffff with #99617b. Closest websafe color is: #cc99cc.
#ccb0bd color conversion
The hexadecimal color #ccb0bd has RGB values of R:204, G:176, B:189 and CMYK values of C:0, M:0.14, Y:0.07, K:0.2. Its decimal value is 13414589.
- Hex triplet ccb0bd
#ccb0bd - RGB Decimal 204, 176, 189
rgb(204,176,189) - RGB Percent 80, 69, 74.1
rgb(80%,69%,74.1%) - CMYK 0, 14, 7, 20
- HSL 332.1°, 21.5, 74.5
hsl(332,22%,75%) - HSV (or HSB) 332.1°, 13.7, 80
- Web Safe cc99cc
#cc99cc
- CIE-LAB 74.548, 12.283, -2.881
- XYZ 49.611, 47.563, 54.708
- xyY 0.327, 0.313, 47.563
- CIE-LCH 74.548, 12.617, 346.799
- CIE-LUV 74.548, 15.691, -6.445
- Hunter-Lab 68.966, 7.715, 1.243
- Binary 11001100, 10110000, 10111101
Color Schemes with #ccb0bd
#ccb0bd in action
This text has a font color of #ccb0bd.
<span style="color:#ccb0bd;">Text here</span>
This paragraph has a background color of #ccb0bd.
<p style="background-color:#ccb0bd;">Content here</p>
This element has a border color of #ccb0bd.
<div style="border:1px solid #ccb0bd;">Content here</div>
.text {color:#ccb0bd;}
.background {background-color:#ccb0bd;}
.border {border:1px solid #ccb0bd;}
Shades of #ccb0bd
- #100b0d #100b0d
rgb(16,11,13) - #281a21 #281a21
rgb(40,26,33) - #402934 #402934
rgb(64,41,52) - #583947 #583947
rgb(88,57,71) - #70485b #70485b
rgb(112,72,91) - #88586e #88586e
rgb(136,88,110) - #9e6881 #9e6881
rgb(158,104,129) - #ad8095 #ad8095
rgb(173,128,149) - #bd98a9 #bd98a9
rgb(189,152,169) - #ccb0bd #ccb0bd
rgb(204,176,189) - #dbc8d1 #dbc8d1
rgb(219,200,209) - #ebe0e5 #ebe0e5
rgb(235,224,229) - #faf8f9 #faf8f9
rgb(250,248,249)
Color Blindness Simulator
Below, you can see how #ccb0bd 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.
