#bdd4c6 hex color

In a RGB color space, hex #bdd4c6 is composed of 74.1% red, 83.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 6.6% yellow and 16.9% black. It has a hue angle of 143.5 degrees, a saturation of 21.1% and a lightness of 78.6%. #bdd4c6 color hex could be obtained by blending #ffffff with #7ba98d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 83
- B 78
RGB color chart
- C 11
- M 0
- Y 7
- K 17
CMYK color chart

● #bdd4c6 color description : Grayish cyan - lime green.

The hexadecimal color #bdd4c6 has RGB values of R:189, G:212, B:198 and CMYK values of C:0.11, M:0, Y:0.07, K:0.17. Its decimal value is 12440774.

Hex triplet	bdd4c6	`#bdd4c6`
RGB Decimal	189, 212, 198	`rgb(189,212,198)`
RGB Percent	74.1, 83.1, 77.6	`rgb(74.1%,83.1%,77.6%)`
CMYK	11, 0, 7, 17
HSL	143.5°, 21.1, 78.6	`hsl(143.5,21.1%,78.6%)`
HSV (or HSB)	143.5°, 10.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.904, -10.361, 4.306
XYZ	54.721, 61.982, 62.504
xyY	0.305, 0.346, 61.982
CIE-LCH	82.904, 11.22, 157.432
CIE-LUV	82.904, -11.936, 8.245
Hunter-Lab	78.729, -13.709, 8.039
Binary	10111101, 11010100, 11000110

#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#d4bdcb
```
#d4bdcb rgb(212,189,203)
```

Complementary Color

#c0d4bd
```
#c0d4bd rgb(192,212,189)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#bdd4d2
```
#bdd4d2 rgb(189,212,210)
```

Analogous Color

#d4bdc0
```
#d4bdc0 rgb(212,189,192)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#d2bdd4
```
#d2bdd4 rgb(210,189,212)
```

Split Complementary Color

#d4c6bd
```
#d4c6bd rgb(212,198,189)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#c6bdd4
```
#c6bdd4 rgb(198,189,212)
```

Triadic Color

#cbd4bd
```
#cbd4bd rgb(203,212,189)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#c6bdd4
```
#c6bdd4 rgb(198,189,212)
```
#d4bdcb
```
#d4bdcb rgb(212,189,203)
```

Tetradic Color

#8fb69e
```
#8fb69e rgb(143,182,158)
```
#9ec0ab
```
#9ec0ab rgb(158,192,171)
```
#aecab9
```
#aecab9 rgb(174,202,185)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#ccded3
```
#ccded3 rgb(204,222,211)
```
#dce8e1
```
#dce8e1 rgb(220,232,225)
```
#ebf2ee
```
#ebf2ee rgb(235,242,238)
```

Monochromatic Color

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

#bdd4c0
```
#bdd4c0 rgb(189,212,192)
```
#bdd4c2
```
#bdd4c2 rgb(189,212,194)
```
#bdd4c4
```
#bdd4c4 rgb(189,212,196)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#bdd4c8
```
#bdd4c8 rgb(189,212,200)
```
#bdd4ca
```
#bdd4ca rgb(189,212,202)
```
#bdd4cc
```
#bdd4cc rgb(189,212,204)
```

Similar Colors

Text with hexadecimal color #bdd4c6

This text has a font color of #bdd4c6.

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

#bdd4c6 background color

This paragraph has a background color of #bdd4c6.

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

#bdd4c6 border color

This element has a border color of #bdd4c6.

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

CSS codes

.text {color:#bdd4c6;}

.background {background-color:#bdd4c6;}

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

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 #f8fbf9 is the lightest one.

#030504
```
#030504 rgb(3,5,4)
```
#0b110e
```
#0b110e rgb(11,17,14)
```
#131d17
```
#131d17 rgb(19,29,23)
```
#1b2920
```
#1b2920 rgb(27,41,32)
```
#22352a
```
#22352a rgb(34,53,42)
```
#2a4133
```
#2a4133 rgb(42,65,51)
```
#324d3c
```
#324d3c rgb(50,77,60)
```
#3a5846
```
#3a5846 rgb(58,88,70)
```
#41644f
```
#41644f rgb(65,100,79)
```
#497058
```
#497058 rgb(73,112,88)
```
#517c62
```
#517c62 rgb(81,124,98)
```
#59886b
```
#59886b rgb(89,136,107)
```
#609474
```
#609474 rgb(96,148,116)
```

Shade Color Variation

#6a9e7e
```
#6a9e7e rgb(106,158,126)
```
#76a688
```
#76a688 rgb(118,166,136)
```
#82ad93
```
#82ad93 rgb(130,173,147)
```
#8db59d
```
#8db59d rgb(141,181,157)
```
#99bda7
```
#99bda7 rgb(153,189,167)
```
#a5c5b1
```
#a5c5b1 rgb(165,197,177)
```
#b1ccbc
```
#b1ccbc rgb(177,204,188)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#c9dcd0
```
#c9dcd0 rgb(201,220,208)
```
#d5e3db
```
#d5e3db rgb(213,227,219)
```
#e1ebe5
```
#e1ebe5 rgb(225,235,229)
```
#edf3ef
```
#edf3ef rgb(237,243,239)
```
#f8fbf9
```
#f8fbf9 rgb(248,251,249)
```

Tint Color Variation

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

#c5ccc8
```
#c5ccc8 rgb(197,204,200)
```
#c1d0c7
```
#c1d0c7 rgb(193,208,199)
```
#bdd4c6
```
#bdd4c6 rgb(189,212,198)
```
#b9d8c5
```
#b9d8c5 rgb(185,216,197)
```
#b5dcc4
```
#b5dcc4 rgb(181,220,196)
```
#b0e1c3
```
#b0e1c3 rgb(176,225,195)
```
#ace5c2
```
#ace5c2 rgb(172,229,194)
```
#a8e9c1
```
#a8e9c1 rgb(168,233,193)
```
#a4edc1
```
#a4edc1 rgb(164,237,193)
```
#a0f1c0
```
#a0f1c0 rgb(160,241,192)
```
#9bf6bf
```
#9bf6bf rgb(155,246,191)
```
#97fabe
```
#97fabe rgb(151,250,190)
```
#93febd
```
#93febd rgb(147,254,189)
```

Tone Color Variation

Below, you can see how #bdd4c6 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
#c9cecb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d0c5 Protanopia 1% of men
#e5cacc Deuteranopia 1% of men
#c5d2e1 Tritanopia 0.001% of the population

Trichromacy

#cdd1c5 Protanomaly 1% of men, 0.01% of women
#d6cdca Deuteranomaly 6% of men, 0.4% of women
#c2d3d7 Tritanomaly 0.01% of the population

#bdd4c6 hex color

#bdd4c6 Color Information

#bdd4c6 Color Conversion

Color Schemes with #bdd4c6

Alternatives to #bdd4c6

#bdd4c6 Preview

Shades and Tints of #bdd4c6

Tones of #bdd4c6

Color Blindness Simulator