#bdd3d0 hex color

In a RGB color space, hex #bdd3d0 is composed of 74.1% red, 82.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 1.4% yellow and 17.3% black. It has a hue angle of 171.8 degrees, a saturation of 20% and a lightness of 78.4%. #bdd3d0 color hex could be obtained by blending #ffffff with #7ba7a1. Closest websafe color is: #cccccc.

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

● #bdd3d0 color description : Grayish cyan.

The hexadecimal color #bdd3d0 has RGB values of R:189, G:211, B:208 and CMYK values of C:0.1, M:0, Y:0.01, K:0.17. Its decimal value is 12440528.

Hex triplet	bdd3d0	`#bdd3d0`
RGB Decimal	189, 211, 208	`rgb(189,211,208)`
RGB Percent	74.1, 82.7, 81.6	`rgb(74.1%,82.7%,81.6%)`
CMYK	10, 0, 1, 17
HSL	171.8°, 20, 78.4	`hsl(171.8,20%,78.4%)`
HSV (or HSB)	171.8°, 10.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.892, -7.936, -1.033
XYZ	55.663, 61.961, 68.698
xyY	0.299, 0.333, 61.961
CIE-LCH	82.892, 8.003, 187.415
CIE-LUV	82.892, -11.767, -0.2
Hunter-Lab	78.715, -11.525, 3.356
Binary	10111101, 11010011, 11010000

#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#d3bdc0
```
#d3bdc0 rgb(211,189,192)
```

Complementary Color

#bdd3c5
```
#bdd3c5 rgb(189,211,197)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```

Analogous Color

#d3c5bd
```
#d3c5bd rgb(211,197,189)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#d3bdcb
```
#d3bdcb rgb(211,189,203)
```

Split Complementary Color

#d3d0bd
```
#d3d0bd rgb(211,208,189)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#d0bdd3
```
#d0bdd3 rgb(208,189,211)
```

Triadic Color

#c0d3bd
```
#c0d3bd rgb(192,211,189)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#d0bdd3
```
#d0bdd3 rgb(208,189,211)
```
#d3bdc0
```
#d3bdc0 rgb(211,189,192)
```

Tetradic Color

#8fb4af
```
#8fb4af rgb(143,180,175)
```
#9ebfba
```
#9ebfba rgb(158,191,186)
```
#aec9c5
```
#aec9c5 rgb(174,201,197)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#ccdddb
```
#ccdddb rgb(204,221,219)
```
#dce7e6
```
#dce7e6 rgb(220,231,230)
```
#ebf2f1
```
#ebf2f1 rgb(235,242,241)
```

Monochromatic Color

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

#bdd3cb
```
#bdd3cb rgb(189,211,203)
```
#bdd3cc
```
#bdd3cc rgb(189,211,204)
```
#bdd3ce
```
#bdd3ce rgb(189,211,206)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#bdd3d2
```
#bdd3d2 rgb(189,211,210)
```
#bdd2d3
```
#bdd2d3 rgb(189,210,211)
```
#bdd1d3
```
#bdd1d3 rgb(189,209,211)
```

Similar Colors

Text with hexadecimal color #bdd3d0

This text has a font color of #bdd3d0.

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

#bdd3d0 background color

This paragraph has a background color of #bdd3d0.

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

#bdd3d0 border color

This element has a border color of #bdd3d0.

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

CSS codes

.text {color:#bdd3d0;}

.background {background-color:#bdd3d0;}

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0b1010
```
#0b1010 rgb(11,16,16)
```
#131c1b
```
#131c1b rgb(19,28,27)
```
#1b2826
```
#1b2826 rgb(27,40,38)
```
#223431
```
#223431 rgb(34,52,49)
```
#2a3f3d
```
#2a3f3d rgb(42,63,61)
```
#324b48
```
#324b48 rgb(50,75,72)
```
#3a5753
```
#3a5753 rgb(58,87,83)
```
#42635e
```
#42635e rgb(66,99,94)
```
#4a6f6a
```
#4a6f6a rgb(74,111,106)
```
#527a75
```
#527a75 rgb(82,122,117)
```
#598680
```
#598680 rgb(89,134,128)
```
#61928b
```
#61928b rgb(97,146,139)
```

Shade Color Variation

#6b9c95
```
#6b9c95 rgb(107,156,149)
```
#76a49e
```
#76a49e rgb(118,164,158)
```
#82aca6
```
#82aca6 rgb(130,172,166)
```
#8eb4ae
```
#8eb4ae rgb(142,180,174)
```
#9abbb7
```
#9abbb7 rgb(154,187,183)
```
#a5c3bf
```
#a5c3bf rgb(165,195,191)
```
#b1cbc8
```
#b1cbc8 rgb(177,203,200)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#c9dbd8
```
#c9dbd8 rgb(201,219,216)
```
#d5e3e1
```
#d5e3e1 rgb(213,227,225)
```
#e0ebe9
```
#e0ebe9 rgb(224,235,233)
```
#ecf2f2
```
#ecf2f2 rgb(236,242,242)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

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

#c5cbca
```
#c5cbca rgb(197,203,202)
```
#c1cfcd
```
#c1cfcd rgb(193,207,205)
```
#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#b9d7d3
```
#b9d7d3 rgb(185,215,211)
```
#b5dbd6
```
#b5dbd6 rgb(181,219,214)
```
#b0e0d9
```
#b0e0d9 rgb(176,224,217)
```
#ace4dc
```
#ace4dc rgb(172,228,220)
```
#a8e8df
```
#a8e8df rgb(168,232,223)
```
#a4ece2
```
#a4ece2 rgb(164,236,226)
```
#9ff1e6
```
#9ff1e6 rgb(159,241,230)
```
#9bf5e9
```
#9bf5e9 rgb(155,245,233)
```
#97f9ec
```
#97f9ec rgb(151,249,236)
```
#93fdef
```
#93fdef rgb(147,253,239)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cdcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cfcf Protanopia 1% of men
#e1cad5 Deuteranopia 1% of men
#c3d2e1 Tritanopia 0.001% of the population

Trichromacy

#cbd1cf Protanomaly 1% of men, 0.01% of women
#d4cdd3 Deuteranomaly 6% of men, 0.4% of women
#c1d2db Tritanomaly 0.01% of the population

#bdd3d0 hex color

#bdd3d0 Color Information

#bdd3d0 Color Conversion

Color Schemes with #bdd3d0

Alternatives to #bdd3d0

#bdd3d0 Preview

Shades and Tints of #bdd3d0

Tones of #bdd3d0

Color Blindness Simulator