colorhexa.com

#bddce8 hex color

In a RGB color space, hex #bddce8 is composed of 74.1% red, 86.3% green and 91% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 5.2% magenta, 0% yellow and 9% black. It has a hue angle of 196.7 degrees, a saturation of 48.3% and a lightness of 82.5%. #bddce8 color hex could be obtained by blending #ffffff with #7bb9d1. Closest websafe color is: #ccccff.

- R 74
- G 86
- B 91
RGB color chart
- C 19
- M 5
- Y 0
- K 9
CMYK color chart

● #bddce8 color description : Light grayish blue.

The hexadecimal color #bddce8 has RGB values of R:189, G:220, B:232 and CMYK values of C:0.19, M:0.05, Y:0, K:0.09. Its decimal value is 12442856.

Hex triplet	bddce8	`#bddce8`
RGB Decimal	189, 220, 232	`rgb(189,220,232)`
RGB Percent	74.1, 86.3, 91	`rgb(74.1%,86.3%,91%)`
CMYK	19, 5, 0, 9
HSL	196.7°, 48.3, 82.5	`hsl(196.7,48.3%,82.5%)`
HSV (or HSB)	196.7°, 18.5, 91
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.921, -7.695, -9.298
XYZ	61.142, 67.83, 86.211
xyY	0.284, 0.315, 67.83
CIE-LCH	85.921, 12.069, 230.391
CIE-LUV	85.921, -16.697, -13.198
Hunter-Lab	82.359, -11.613, -4.411
Binary	10111101, 11011100, 11101000

#bddce8
```
#bddce8 rgb(189,220,232)
```
#e8c9bd
```
#e8c9bd rgb(232,201,189)
```

Complementary Color

#bde8df
```
#bde8df rgb(189,232,223)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#bdc7e8
```
#bdc7e8 rgb(189,199,232)
```

Analogous Color

#e8dfbd
```
#e8dfbd rgb(232,223,189)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#e8bdc7
```
#e8bdc7 rgb(232,189,199)
```

Split Complementary Color

#dce8bd
```
#dce8bd rgb(220,232,189)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#e8bddc
```
#e8bddc rgb(232,189,220)
```

Triadic Color

#bde8c9
```
#bde8c9 rgb(189,232,201)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#e8bddc
```
#e8bddc rgb(232,189,220)
```
#e8c9bd
```
#e8c9bd rgb(232,201,189)
```

Tetradic Color

#84bed4
```
#84bed4 rgb(132,190,212)
```
#97c8db
```
#97c8db rgb(151,200,219)
```
#aad2e1
```
#aad2e1 rgb(170,210,225)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#d0e6ef
```
#d0e6ef rgb(208,230,239)
```
#e3f0f5
```
#e3f0f5 rgb(227,240,245)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Monochromatic Color

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

#bde7e8
```
#bde7e8 rgb(189,231,232)
```
#bde3e8
```
#bde3e8 rgb(189,227,232)
```
#bde0e8
```
#bde0e8 rgb(189,224,232)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#bdd8e8
```
#bdd8e8 rgb(189,216,232)
```
#bdd5e8
```
#bdd5e8 rgb(189,213,232)
```
#bdd1e8
```
#bdd1e8 rgb(189,209,232)
```

Similar Colors

Text with hexadecimal color #bddce8

This text has a font color of #bddce8.

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

#bddce8 background color

This paragraph has a background color of #bddce8.

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

#bddce8 border color

This element has a border color of #bddce8.

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

CSS codes

.text {color:#bddce8;}

.background {background-color:#bddce8;}

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071115
```
#071115 rgb(7,17,21)
```
#0c1d24
```
#0c1d24 rgb(12,29,36)
```
#122932
```
#122932 rgb(18,41,50)
```
#173541
```
#173541 rgb(23,53,65)
```
#1c414f
```
#1c414f rgb(28,65,79)
```
#214d5e
```
#214d5e rgb(33,77,94)
```
#26596d
```
#26596d rgb(38,89,109)
```
#2b657b
```
#2b657b rgb(43,101,123)
```
#30718a
```
#30718a rgb(48,113,138)
```
#357d98
```
#357d98 rgb(53,125,152)
```
#3a88a7
```
#3a88a7 rgb(58,136,167)
```
#3f94b5
```
#3f94b5 rgb(63,148,181)
```

Shade Color Variation

#499ebf
```
#499ebf rgb(73,158,191)
```
#57a6c5
```
#57a6c5 rgb(87,166,197)
```
#66aeca
```
#66aeca rgb(102,174,202)
```
#74b5cf
```
#74b5cf rgb(116,181,207)
```
#83bdd4
```
#83bdd4 rgb(131,189,212)
```
#91c5d9
```
#91c5d9 rgb(145,197,217)
```
#a0cdde
```
#a0cdde rgb(160,205,222)
```
#aed4e3
```
#aed4e3 rgb(174,212,227)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#cce4ed
```
#cce4ed rgb(204,228,237)
```
#daebf2
```
#daebf2 rgb(218,235,242)
```
#e9f3f7
```
#e9f3f7 rgb(233,243,247)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#d2d3d3
```
#d2d3d3 rgb(210,211,211)
```
#ced4d7
```
#ced4d7 rgb(206,212,215)
```
#cbd6da
```
#cbd6da rgb(203,214,218)
```
#c7d7de
```
#c7d7de rgb(199,215,222)
```
#c4d9e1
```
#c4d9e1 rgb(196,217,225)
```
#c0dae5
```
#c0dae5 rgb(192,218,229)
```
#bddce8
```
#bddce8 rgb(189,220,232)
```
#badeeb
```
#badeeb rgb(186,222,235)
```
#b6dfef
```
#b6dfef rgb(182,223,239)
```
#b3e1f2
```
#b3e1f2 rgb(179,225,242)
```
#afe2f6
```
#afe2f6 rgb(175,226,246)
```
#ace4f9
```
#ace4f9 rgb(172,228,249)
```
#a8e5fd
```
#a8e5fd rgb(168,229,253)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd6d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d7e5 Protanopia 1% of men
#e3d3ec Deuteranopia 1% of men
#c1dded Tritanopia 0.001% of the population

Trichromacy

#ced9e6 Protanomaly 1% of men, 0.01% of women
#d5d6ea Deuteranomaly 6% of men, 0.4% of women
#bfdceb Tritanomaly 0.01% of the population