#bdd476 hex color

In a RGB color space, hex #bdd476 is composed of 74.1% red, 83.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 44.3% yellow and 16.9% black. It has a hue angle of 74.7 degrees, a saturation of 52.2% and a lightness of 64.7%. #bdd476 color hex could be obtained by blending #ffffec with #7ba900. Closest websafe color is: #cccc66.

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

● #bdd476 color description : Slightly desaturated yellow.

The hexadecimal color #bdd476 has RGB values of R:189, G:212, B:118 and CMYK values of C:0.11, M:0, Y:0.44, K:0.17. Its decimal value is 12440694.

Hex triplet	bdd476	`#bdd476`
RGB Decimal	189, 212, 118	`rgb(189,212,118)`
RGB Percent	74.1, 83.1, 46.3	`rgb(74.1%,83.1%,46.3%)`
CMYK	11, 0, 44, 17
HSL	74.7°, 52.2, 64.7	`hsl(74.7,52.2%,64.7%)`
HSV (or HSB)	74.7°, 44.3, 83.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.409, -22.25, 43.787
XYZ	47.799, 59.214, 26.05
xyY	0.359, 0.445, 59.214
CIE-LCH	81.409, 49.116, 116.937
CIE-LUV	81.409, -9.855, 60.482
Hunter-Lab	76.95, -23.785, 33.794
Binary	10111101, 11010100, 01110110

#bdd476
```
#bdd476 rgb(189,212,118)
```
#8d76d4
```
#8d76d4 rgb(141,118,212)
```

Complementary Color

#d4bc76
```
#d4bc76 rgb(212,188,118)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#8ed476
```
#8ed476 rgb(142,212,118)
```

Analogous Color

#bc76d4
```
#bc76d4 rgb(188,118,212)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```

Split Complementary Color

#d476bd
```
#d476bd rgb(212,118,189)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#76bdd4
```
#76bdd4 rgb(118,189,212)
```

Triadic Color

#d48d76
```
#d48d76 rgb(212,141,118)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#76bdd4
```
#76bdd4 rgb(118,189,212)
```
#8d76d4
```
#8d76d4 rgb(141,118,212)
```

Tetradic Color

#a1c13d
```
#a1c13d rgb(161,193,61)
```
#aac84f
```
#aac84f rgb(170,200,79)
```
#b4ce63
```
#b4ce63 rgb(180,206,99)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#c6da89
```
#c6da89 rgb(198,218,137)
```
#d0e09d
```
#d0e09d rgb(208,224,157)
```
#d9e6b0
```
#d9e6b0 rgb(217,230,176)
```

Monochromatic Color

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

#d4d476
```
#d4d476 rgb(212,212,118)
```
#cdd476
```
#cdd476 rgb(205,212,118)
```
#c5d476
```
#c5d476 rgb(197,212,118)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#b5d476
```
#b5d476 rgb(181,212,118)
```
#add476
```
#add476 rgb(173,212,118)
```
#a6d476
```
#a6d476 rgb(166,212,118)
```

Similar Colors

Text with hexadecimal color #bdd476

This text has a font color of #bdd476.

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

#bdd476 background color

This paragraph has a background color of #bdd476.

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

#bdd476 border color

This element has a border color of #bdd476.

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

CSS codes

.text {color:#bdd476;}

.background {background-color:#bdd476;}

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

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, #0a0c04 is the darkest color, while #fefefc is the lightest one.

#0a0c04
```
#0a0c04 rgb(10,12,4)
```
#171b09
```
#171b09 rgb(23,27,9)
```
#232a0d
```
#232a0d rgb(35,42,13)
```
#303912
```
#303912 rgb(48,57,18)
```
#3c4817
```
#3c4817 rgb(60,72,23)
```
#48571b
```
#48571b rgb(72,87,27)
```
#556620
```
#556620 rgb(85,102,32)
```
#617525
```
#617525 rgb(97,117,37)
```
#6e8429
```
#6e8429 rgb(110,132,41)
```
#7a932e
```
#7a932e rgb(122,147,46)
```
#86a233
```
#86a233 rgb(134,162,51)
```
#93b137
```
#93b137 rgb(147,177,55)
```
#9fbf3c
```
#9fbf3c rgb(159,191,60)
```

Shade Color Variation

#a7c649
```
#a7c649 rgb(167,198,73)
```
#afcb58
```
#afcb58 rgb(175,203,88)
```
#b6cf67
```
#b6cf67 rgb(182,207,103)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#c4d985
```
#c4d985 rgb(196,217,133)
```
#cbdd94
```
#cbdd94 rgb(203,221,148)
```
#d3e2a3
```
#d3e2a3 rgb(211,226,163)
```
#dae7b2
```
#dae7b2 rgb(218,231,178)
```
#e1ebc1
```
#e1ebc1 rgb(225,235,193)
```
#e8f0d0
```
#e8f0d0 rgb(232,240,208)
```
#eff5df
```
#eff5df rgb(239,245,223)
```
#f7f9ed
```
#f7f9ed rgb(247,249,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#a8aaa0
```
#a8aaa0 rgb(168,170,160)
```
#abb199
```
#abb199 rgb(171,177,153)
```
#afb892
```
#afb892 rgb(175,184,146)
```
#b2bf8b
```
#b2bf8b rgb(178,191,139)
```
#b6c684
```
#b6c684 rgb(182,198,132)
```
#b9cd7d
```
#b9cd7d rgb(185,205,125)
```
#bdd476
```
#bdd476 rgb(189,212,118)
```
#c1db6f
```
#c1db6f rgb(193,219,111)
```
#c4e268
```
#c4e268 rgb(196,226,104)
```
#c8e961
```
#c8e961 rgb(200,233,97)
```
#cbf05a
```
#cbf05a rgb(203,240,90)
```
#cff753
```
#cff753 rgb(207,247,83)
```
#d2fe4c
```
#d2fe4c rgb(210,254,76)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c1c6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cd79 Protanopia 1% of men
#f6c482 Deuteranopia 1% of men
#cdcbd9 Tritanopia 0.001% of the population

Trichromacy

#d3cf78 Protanomaly 1% of men, 0.01% of women
#e1ca7e Deuteranomaly 6% of men, 0.4% of women
#c7ceb5 Tritanomaly 0.01% of the population

#bdd476 hex color

#bdd476 Color Information

#bdd476 Color Conversion

Color Schemes with #bdd476

Alternatives to #bdd476

#bdd476 Preview

Shades and Tints of #bdd476

Tones of #bdd476

Color Blindness Simulator