#bdd0d2 hex color

In a RGB color space, hex #bdd0d2 is composed of 74.1% red, 81.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 1% magenta, 0% yellow and 17.6% black. It has a hue angle of 185.7 degrees, a saturation of 18.9% and a lightness of 78.2%. #bdd0d2 color hex could be obtained by blending #ffffff with #7ba1a5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 82
- B 82
RGB color chart
- C 10
- M 1
- Y 0
- K 18
CMYK color chart

● #bdd0d2 color description : Grayish cyan.

The hexadecimal color #bdd0d2 has RGB values of R:189, G:208, B:210 and CMYK values of C:0.1, M:0.01, Y:0, K:0.18. Its decimal value is 12439762.

Hex triplet	bdd0d2	`#bdd0d2`
RGB Decimal	189, 208, 210	`rgb(189,208,210)`
RGB Percent	74.1, 81.6, 82.4	`rgb(74.1%,81.6%,82.4%)`
CMYK	10, 1, 0, 18
HSL	185.7°, 18.9, 78.2	`hsl(185.7,18.9%,78.2%)`
HSV (or HSB)	185.7°, 10, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.154, -5.986, -3.182
XYZ	55.173, 60.583, 69.756
xyY	0.297, 0.327, 60.583
CIE-LCH	82.154, 6.779, 207.995
CIE-LUV	82.154, -10.389, -3.822
Hunter-Lab	77.835, -9.684, 1.349
Binary	10111101, 11010000, 11010010

#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#d2bfbd
```
#d2bfbd rgb(210,191,189)
```

Complementary Color

#bdd2ca
```
#bdd2ca rgb(189,210,202)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#bdc6d2
```
#bdc6d2 rgb(189,198,210)
```

Analogous Color

#d2cabd
```
#d2cabd rgb(210,202,189)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#d2bdc6
```
#d2bdc6 rgb(210,189,198)
```

Split Complementary Color

#d0d2bd
```
#d0d2bd rgb(208,210,189)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#d2bdd0
```
#d2bdd0 rgb(210,189,208)
```

Triadic Color

#bdd2bf
```
#bdd2bf rgb(189,210,191)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#d2bdd0
```
#d2bdd0 rgb(210,189,208)
```
#d2bfbd
```
#d2bfbd rgb(210,191,189)
```

Tetradic Color

#90b0b3
```
#90b0b3 rgb(144,176,179)
```
#9fbabd
```
#9fbabd rgb(159,186,189)
```
#aec5c8
```
#aec5c8 rgb(174,197,200)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#ccdbdc
```
#ccdbdc rgb(204,219,220)
```
#dbe6e7
```
#dbe6e7 rgb(219,230,231)
```
#eaf0f1
```
#eaf0f1 rgb(234,240,241)
```

Monochromatic Color

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

#bdd2cf
```
#bdd2cf rgb(189,210,207)
```
#bdd2d1
```
#bdd2d1 rgb(189,210,209)
```
#bdd2d2
```
#bdd2d2 rgb(189,210,210)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#bdced2
```
#bdced2 rgb(189,206,210)
```
#bdcdd2
```
#bdcdd2 rgb(189,205,210)
```
#bdcbd2
```
#bdcbd2 rgb(189,203,210)
```

Similar Colors

Text with hexadecimal color #bdd0d2

This text has a font color of #bdd0d2.

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

#bdd0d2 background color

This paragraph has a background color of #bdd0d2.

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

#bdd0d2 border color

This element has a border color of #bdd0d2.

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

CSS codes

.text {color:#bdd0d2;}

.background {background-color:#bdd0d2;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0f10
```
#0b0f10 rgb(11,15,16)
```
#131a1b
```
#131a1b rgb(19,26,27)
```
#1b2627
```
#1b2627 rgb(27,38,39)
```
#233133
```
#233133 rgb(35,49,51)
```
#2a3c3e
```
#2a3c3e rgb(42,60,62)
```
#32484a
```
#32484a rgb(50,72,74)
```
#3a5356
```
#3a5356 rgb(58,83,86)
```
#425e61
```
#425e61 rgb(66,94,97)
```
#4a6a6d
```
#4a6a6d rgb(74,106,109)
```
#527579
```
#527579 rgb(82,117,121)
```
#5a8084
```
#5a8084 rgb(90,128,132)
```
#628c90
```
#628c90 rgb(98,140,144)
```

Shade Color Variation

#6b969a
```
#6b969a rgb(107,150,154)
```
#779ea2
```
#779ea2 rgb(119,158,162)
```
#83a6aa
```
#83a6aa rgb(131,166,170)
```
#8eafb2
```
#8eafb2 rgb(142,175,178)
```
#9ab7ba
```
#9ab7ba rgb(154,183,186)
```
#a6bfc2
```
#a6bfc2 rgb(166,191,194)
```
#b1c8ca
```
#b1c8ca rgb(177,200,202)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#c9d8da
```
#c9d8da rgb(201,216,218)
```
#d4e1e2
```
#d4e1e2 rgb(212,225,226)
```
#e0e9ea
```
#e0e9ea rgb(224,233,234)
```
#ecf1f2
```
#ecf1f2 rgb(236,241,242)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#c6c9c9
```
#c6c9c9 rgb(198,201,201)
```
#c1cdce
```
#c1cdce rgb(193,205,206)
```
#bdd0d2
```
#bdd0d2 rgb(189,208,210)
```
#b9d3d6
```
#b9d3d6 rgb(185,211,214)
```
#b4d7db
```
#b4d7db rgb(180,215,219)
```
#b0dadf
```
#b0dadf rgb(176,218,223)
```
#acdee3
```
#acdee3 rgb(172,222,227)
```
#a8e1e7
```
#a8e1e7 rgb(168,225,231)
```
#a3e5ec
```
#a3e5ec rgb(163,229,236)
```
#9fe8f0
```
#9fe8f0 rgb(159,232,240)
```
#9becf4
```
#9becf4 rgb(155,236,244)
```
#97eff8
```
#97eff8 rgb(151,239,248)
```
#92f3fd
```
#92f3fd rgb(146,243,253)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cccc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cdd1 Protanopia 1% of men
#dec9d7 Deuteranopia 1% of men
#c2d0df Tritanopia 0.001% of the population

Trichromacy

#c9ced1 Protanomaly 1% of men, 0.01% of women
#d2cbd5 Deuteranomaly 6% of men, 0.4% of women
#c0d0da Tritanomaly 0.01% of the population

#bdd0d2 hex color

#bdd0d2 Color Information

#bdd0d2 Color Conversion

Color Schemes with #bdd0d2

Alternatives to #bdd0d2

#bdd0d2 Preview

Shades and Tints of #bdd0d2

Tones of #bdd0d2

Color Blindness Simulator