#ccbefa hex color

In a RGB color space, hex #ccbefa is composed of 80% red, 74.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 24% magenta, 0% yellow and 2% black. It has a hue angle of 254 degrees, a saturation of 85.7% and a lightness of 86.3%. #ccbefa color hex could be obtained by blending #ffffff with #997df5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 75
- B 98
RGB color chart
- C 18
- M 24
- Y 0
- K 2
CMYK color chart

● #ccbefa color description : Very soft blue.

The hexadecimal color #ccbefa has RGB values of R:204, G:190, B:250 and CMYK values of C:0.18, M:0.24, Y:0, K:0.02. Its decimal value is 13418234.

Hex triplet	ccbefa	`#ccbefa`
RGB Decimal	204, 190, 250	`rgb(204,190,250)`
RGB Percent	80, 74.5, 98	`rgb(80%,74.5%,98%)`
CMYK	18, 24, 0, 2
HSL	254°, 85.7, 86.3	`hsl(254,85.7%,86.3%)`
HSV (or HSB)	254°, 24, 98
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.935, 16.753, -27.804
XYZ	60.568, 56.566, 98.165
xyY	0.281, 0.263, 56.566
CIE-LCH	79.935, 32.461, 301.071
CIE-LUV	79.935, 3.591, -47.118
Hunter-Lab	75.211, 12.129, -24.738
Binary	11001100, 10111110, 11111010

#ccbefa
```
#ccbefa rgb(204,190,250)
```
#ecfabe
```
#ecfabe rgb(236,250,190)
```

Complementary Color

#becefa
```
#becefa rgb(190,206,250)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#eabefa
```
#eabefa rgb(234,190,250)
```

Analogous Color

#cefabe
```
#cefabe rgb(206,250,190)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#faeabe
```
#faeabe rgb(250,234,190)
```

Split Complementary Color

#befacc
```
#befacc rgb(190,250,204)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#faccbe
```
#faccbe rgb(250,204,190)
```

Triadic Color

#beecfa
```
#beecfa rgb(190,236,250)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#faccbe
```
#faccbe rgb(250,204,190)
```
#ecfabe
```
#ecfabe rgb(236,250,190)
```

Tetradic Color

#9477f5
```
#9477f5 rgb(148,119,245)
```
#a78ff6
```
#a78ff6 rgb(167,143,246)
```
#b9a6f8
```
#b9a6f8 rgb(185,166,248)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#dfd6fc
```
#dfd6fc rgb(223,214,252)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bebffa
```
#bebffa rgb(190,191,250)
```
#c2befa
```
#c2befa rgb(194,190,250)
```
#c7befa
```
#c7befa rgb(199,190,250)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#d1befa
```
#d1befa rgb(209,190,250)
```
#d6befa
```
#d6befa rgb(214,190,250)
```
#dbbefa
```
#dbbefa rgb(219,190,250)
```

Similar Colors

Text with hexadecimal color #ccbefa

This text has a font color of #ccbefa.

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

#ccbefa background color

This paragraph has a background color of #ccbefa.

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

#ccbefa border color

This element has a border color of #ccbefa.

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

CSS codes

.text {color:#ccbefa;}

.background {background-color:#ccbefa;}

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

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

#020108
```
#020108 rgb(2,1,8)
```
#08021a
```
#08021a rgb(8,2,26)
```
#0d032c
```
#0d032c rgb(13,3,44)
```
#12053f
```
#12053f rgb(18,5,63)
```
#180651
```
#180651 rgb(24,6,81)
```
#1d0863
```
#1d0863 rgb(29,8,99)
```
#220975
```
#220975 rgb(34,9,117)
```
#280a87
```
#280a87 rgb(40,10,135)
```
#2d0c9a
```
#2d0c9a rgb(45,12,154)
```
#320dac
```
#320dac rgb(50,13,172)
```
#380fbe
```
#380fbe rgb(56,15,190)
```
#3d10d0
```
#3d10d0 rgb(61,16,208)
```
#4211e2
```
#4211e2 rgb(66,17,226)
```

Shade Color Variation

#4b1aed
```
#4b1aed rgb(75,26,237)
```
#5a2cef
```
#5a2cef rgb(90,44,239)
```
#683ff0
```
#683ff0 rgb(104,63,240)
```
#7651f2
```
#7651f2 rgb(118,81,242)
```
#8563f3
```
#8563f3 rgb(133,99,243)
```
#9375f4
```
#9375f4 rgb(147,117,244)
```
#a187f6
```
#a187f6 rgb(161,135,246)
```
#af9af7
```
#af9af7 rgb(175,154,247)
```
#beacf9
```
#beacf9 rgb(190,172,249)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#dad0fb
```
#dad0fb rgb(218,208,251)
```
#e9e2fd
```
#e9e2fd rgb(233,226,253)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

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

#dcdcdc
```
#dcdcdc rgb(220,220,220)
```
#dad9df
```
#dad9df rgb(218,217,223)
```
#d9d6e2
```
#d9d6e2 rgb(217,214,226)
```
#d7d4e4
```
#d7d4e4 rgb(215,212,228)
```
#d6d1e7
```
#d6d1e7 rgb(214,209,231)
```
#d5ceea
```
#d5ceea rgb(213,206,234)
```
#d3cbed
```
#d3cbed rgb(211,203,237)
```
#d2c9ef
```
#d2c9ef rgb(210,201,239)
```
#d0c6f2
```
#d0c6f2 rgb(208,198,242)
```
#cfc3f5
```
#cfc3f5 rgb(207,195,245)
```
#cdc1f7
```
#cdc1f7 rgb(205,193,247)
```
#ccbefa
```
#ccbefa rgb(204,190,250)
```
#cbbbfd
```
#cbbbfd rgb(203,187,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cac7d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c7fd Protanopia 1% of men
#c1c5f8 Deuteranopia 1% of men
#c7c8d6 Tritanopia 0.001% of the population

Trichromacy

#c0c3fc Protanomaly 1% of men, 0.01% of women
#c5c2f9 Deuteranomaly 6% of men, 0.4% of women
#c8c4e3 Tritanomaly 0.01% of the population

#ccbefa hex color

#ccbefa Color Information

#ccbefa Color Conversion

Color Schemes with #ccbefa

Alternatives to #ccbefa

#ccbefa Preview

Shades and Tints of #ccbefa

Tones of #ccbefa

Color Blindness Simulator