#cbddf2 hex color

In a RGB color space, hex #cbddf2 is composed of 79.6% red, 86.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 8.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.3 degrees, a saturation of 60% and a lightness of 87.3%. #cbddf2 color hex could be obtained by blending #ffffff with #97bbe5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 87
- B 95
RGB color chart
- C 16
- M 9
- Y 0
- K 5
CMYK color chart

● #cbddf2 color description : Light grayish blue.

The hexadecimal color #cbddf2 has RGB values of R:203, G:221, B:242 and CMYK values of C:0.16, M:0.09, Y:0, K:0.05. Its decimal value is 13360626.

Hex triplet	cbddf2	`#cbddf2`
RGB Decimal	203, 221, 242	`rgb(203,221,242)`
RGB Percent	79.6, 86.7, 94.9	`rgb(79.6%,86.7%,94.9%)`
CMYK	16, 9, 0, 5
HSL	212.3°, 60, 87.3	`hsl(212.3,60%,87.3%)`
HSV (or HSB)	212.3°, 16.1, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.397, -1.779, -12.278
XYZ	66.509, 70.819, 94.165
xyY	0.287, 0.306, 70.819
CIE-LCH	87.397, 12.406, 261.756
CIE-LUV	87.397, -10.606, -18.988
Hunter-Lab	84.154, -6.198, -7.435
Binary	11001011, 11011101, 11110010

#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#f2e0cb
```
#f2e0cb rgb(242,224,203)
```

Complementary Color

#cbf1f2
```
#cbf1f2 rgb(203,241,242)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#cdcbf2
```
#cdcbf2 rgb(205,203,242)
```

Analogous Color

#f1f2cb
```
#f1f2cb rgb(241,242,203)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#f2cdcb
```
#f2cdcb rgb(242,205,203)
```

Split Complementary Color

#ddf2cb
```
#ddf2cb rgb(221,242,203)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#f2cbdd
```
#f2cbdd rgb(242,203,221)
```

Triadic Color

#cbf2e0
```
#cbf2e0 rgb(203,242,224)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#f2cbdd
```
#f2cbdd rgb(242,203,221)
```
#f2e0cb
```
#f2e0cb rgb(242,224,203)
```

Tetradic Color

#8eb5e3
```
#8eb5e3 rgb(142,181,227)
```
#a2c2e8
```
#a2c2e8 rgb(162,194,232)
```
#b7d0ed
```
#b7d0ed rgb(183,208,237)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#dfeaf7
```
#dfeaf7 rgb(223,234,247)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cbe7f2
```
#cbe7f2 rgb(203,231,242)
```
#cbe4f2
```
#cbe4f2 rgb(203,228,242)
```
#cbe0f2
```
#cbe0f2 rgb(203,224,242)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#cbdaf2
```
#cbdaf2 rgb(203,218,242)
```
#cbd7f2
```
#cbd7f2 rgb(203,215,242)
```
#cbd3f2
```
#cbd3f2 rgb(203,211,242)
```

Similar Colors

Text with hexadecimal color #cbddf2

This text has a font color of #cbddf2.

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

#cbddf2 background color

This paragraph has a background color of #cbddf2.

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

#cbddf2 border color

This element has a border color of #cbddf2.

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

CSS codes

.text {color:#cbddf2;}

.background {background-color:#cbddf2;}

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

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, #03060b is the darkest color, while #fafcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#07101a
```
#07101a rgb(7,16,26)
```
#0b192a
```
#0b192a rgb(11,25,42)
```
#0e223a
```
#0e223a rgb(14,34,58)
```
#122c4a
```
#122c4a rgb(18,44,74)
```
#163559
```
#163559 rgb(22,53,89)
```
#1a3f69
```
#1a3f69 rgb(26,63,105)
```
#1e4879
```
#1e4879 rgb(30,72,121)
```
#225188
```
#225188 rgb(34,81,136)
```
#265b98
```
#265b98 rgb(38,91,152)
```
#2a64a8
```
#2a64a8 rgb(42,100,168)
```
#2e6db7
```
#2e6db7 rgb(46,109,183)
```
#3277c7
```
#3277c7 rgb(50,119,199)
```

Shade Color Variation

#3e81cf
```
#3e81cf rgb(62,129,207)
```
#4d8bd3
```
#4d8bd3 rgb(77,139,211)
```
#5d95d7
```
#5d95d7 rgb(93,149,215)
```
#6d9fda
```
#6d9fda rgb(109,159,218)
```
#7daade
```
#7daade rgb(125,170,222)
```
#8cb4e2
```
#8cb4e2 rgb(140,180,226)
```
#9cbee6
```
#9cbee6 rgb(156,190,230)
```
#acc8ea
```
#acc8ea rgb(172,200,234)
```
#bbd3ee
```
#bbd3ee rgb(187,211,238)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#dbe7f6
```
#dbe7f6 rgb(219,231,246)
```
#eaf2fa
```
#eaf2fa rgb(234,242,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#dddee1
```
#dddee1 rgb(221,222,225)
```
#dadee3
```
#dadee3 rgb(218,222,227)
```
#d8dee6
```
#d8dee6 rgb(216,222,230)
```
#d5dee8
```
#d5dee8 rgb(213,222,232)
```
#d3deeb
```
#d3deeb rgb(211,222,235)
```
#d0dded
```
#d0dded rgb(208,221,237)
```
#ceddf0
```
#ceddf0 rgb(206,221,240)
```
#cbddf2
```
#cbddf2 rgb(203,221,242)
```
#c9ddf5
```
#c9ddf5 rgb(201,221,245)
```
#c6ddf7
```
#c6ddf7 rgb(198,221,247)
```
#c4dcfa
```
#c4dcfa rgb(196,220,250)
```
#c1dcfc
```
#c1dcfc rgb(193,220,252)
```
#bfdcff
```
#bfdcff rgb(191,220,255)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d7dbdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dadbf0 Protanopia 1% of men
#e5d7f5 Deuteranopia 1% of men
#ccdfef Tritanopia 0.001% of the population

Trichromacy

#d4dbf1 Protanomaly 1% of men, 0.01% of women
#dbd9f3 Deuteranomaly 6% of men, 0.4% of women
#ccdef0 Tritanomaly 0.01% of the population

#cbddf2 hex color

#cbddf2 Color Information

#cbddf2 Color Conversion

Color Schemes with #cbddf2

Alternatives to #cbddf2

#cbddf2 Preview

Shades and Tints of #cbddf2

Tones of #cbddf2

Color Blindness Simulator