#bdd273 hex color

In a RGB color space, hex #bdd273 is composed of 74.1% red, 82.4% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 45.2% yellow and 17.6% black. It has a hue angle of 73.3 degrees, a saturation of 51.4% and a lightness of 63.7%. #bdd273 color hex could be obtained by blending #ffffe6 with #7ba500. Closest websafe color is: #cccc66.

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

● #bdd273 color description : Slightly desaturated yellow.

The hexadecimal color #bdd273 has RGB values of R:189, G:210, B:115 and CMYK values of C:0.1, M:0, Y:0.45, K:0.18. Its decimal value is 12440179.

Hex triplet	bdd273	`#bdd273`
RGB Decimal	189, 210, 115	`rgb(189,210,115)`
RGB Percent	74.1, 82.4, 45.1	`rgb(74.1%,82.4%,45.1%)`
CMYK	10, 0, 45, 18
HSL	73.3°, 51.4, 63.7	`hsl(73.3,51.4%,63.7%)`
HSV (or HSB)	73.3°, 45.2, 82.4
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.822, -21.594, 44.531
XYZ	47.127, 58.15, 24.96
xyY	0.362, 0.446, 58.15
CIE-LCH	80.822, 49.491, 115.869
CIE-LUV	80.822, -8.661, 60.978
Hunter-Lab	76.256, -23.134, 33.972
Binary	10111101, 11010010, 01110011

#bdd273
```
#bdd273 rgb(189,210,115)
```
#8873d2
```
#8873d2 rgb(136,115,210)
```

Complementary Color

#d2b873
```
#d2b873 rgb(210,184,115)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#8ed273
```
#8ed273 rgb(142,210,115)
```

Analogous Color

#b873d2
```
#b873d2 rgb(184,115,210)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#738ed2
```
#738ed2 rgb(115,142,210)
```

Split Complementary Color

#d273bd
```
#d273bd rgb(210,115,189)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#73bdd2
```
#73bdd2 rgb(115,189,210)
```

Triadic Color

#d28873
```
#d28873 rgb(210,136,115)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#73bdd2
```
#73bdd2 rgb(115,189,210)
```
#8873d2
```
#8873d2 rgb(136,115,210)
```

Tetradic Color

#a0bc3c
```
#a0bc3c rgb(160,188,60)
```
#abc64c
```
#abc64c rgb(171,198,76)
```
#b4cc60
```
#b4cc60 rgb(180,204,96)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#c6d886
```
#c6d886 rgb(198,216,134)
```
#cfde9a
```
#cfde9a rgb(207,222,154)
```
#d8e5ad
```
#d8e5ad rgb(216,229,173)
```

Monochromatic Color

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

#d2cf73
```
#d2cf73 rgb(210,207,115)
```
#cdd273
```
#cdd273 rgb(205,210,115)
```
#c5d273
```
#c5d273 rgb(197,210,115)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#b5d273
```
#b5d273 rgb(181,210,115)
```
#add273
```
#add273 rgb(173,210,115)
```
#a5d273
```
#a5d273 rgb(165,210,115)
```

Similar Colors

Text with hexadecimal color #bdd273

This text has a font color of #bdd273.

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

#bdd273 background color

This paragraph has a background color of #bdd273.

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

#bdd273 border color

This element has a border color of #bdd273.

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

CSS codes

.text {color:#bdd273;}

.background {background-color:#bdd273;}

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

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

#070803
```
#070803 rgb(7,8,3)
```
#141707
```
#141707 rgb(20,23,7)
```
#20260c
```
#20260c rgb(32,38,12)
```
#2d3511
```
#2d3511 rgb(45,53,17)
```
#3a4416
```
#3a4416 rgb(58,68,22)
```
#46531b
```
#46531b rgb(70,83,27)
```
#53621f
```
#53621f rgb(83,98,31)
```
#5f7024
```
#5f7024 rgb(95,112,36)
```
#6c7f29
```
#6c7f29 rgb(108,127,41)
```
#798e2e
```
#798e2e rgb(121,142,46)
```
#859d32
```
#859d32 rgb(133,157,50)
```
#92ac37
```
#92ac37 rgb(146,172,55)
```
#9fbb3c
```
#9fbb3c rgb(159,187,60)
```

Shade Color Variation

#a8c446
```
#a8c446 rgb(168,196,70)
```
#afc855
```
#afc855 rgb(175,200,85)
```
#b6cd64
```
#b6cd64 rgb(182,205,100)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#c4d782
```
#c4d782 rgb(196,215,130)
```
#cbdc91
```
#cbdc91 rgb(203,220,145)
```
#d2e0a0
```
#d2e0a0 rgb(210,224,160)
```
#d9e5ae
```
#d9e5ae rgb(217,229,174)
```
#e0eabd
```
#e0eabd rgb(224,234,189)
```
#e7efcc
```
#e7efcc rgb(231,239,204)
```
#eef3db
```
#eef3db rgb(238,243,219)
```
#f5f8ea
```
#f5f8ea rgb(245,248,234)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#a5a79e
```
#a5a79e rgb(165,167,158)
```
#a9ae97
```
#a9ae97 rgb(169,174,151)
```
#adb68f
```
#adb68f rgb(173,182,143)
```
#b1bd88
```
#b1bd88 rgb(177,189,136)
```
#b5c481
```
#b5c481 rgb(181,196,129)
```
#b9cb7a
```
#b9cb7a rgb(185,203,122)
```
#bdd273
```
#bdd273 rgb(189,210,115)
```
#c1d96c
```
#c1d96c rgb(193,217,108)
```
#c5e065
```
#c5e065 rgb(197,224,101)
```
#c9e75e
```
#c9e75e rgb(201,231,94)
```
#cdee57
```
#cdee57 rgb(205,238,87)
```
#d1f64f
```
#d1f64f rgb(209,246,79)
```
#d5fd48
```
#d5fd48 rgb(213,253,72)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decb77 Protanopia 1% of men
#f4c280 Deuteranopia 1% of men
#cdc9d7 Tritanopia 0.001% of the population

Trichromacy

#d2cd75 Protanomaly 1% of men, 0.01% of women
#e0c87b Deuteranomaly 6% of men, 0.4% of women
#c7ccb3 Tritanomaly 0.01% of the population

#bdd273 hex color

#bdd273 Color Information

#bdd273 Color Conversion

Color Schemes with #bdd273

Alternatives to #bdd273

#bdd273 Preview

Shades and Tints of #bdd273

Tones of #bdd273

Color Blindness Simulator