#bdd03a hex color

In a RGB color space, hex #bdd03a is composed of 74.1% red, 81.6% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 0% magenta, 72.1% yellow and 18.4% black. It has a hue angle of 67.6 degrees, a saturation of 61.5% and a lightness of 52.2%. #bdd03a color hex could be obtained by blending #ffff74 with #7ba100. Closest websafe color is: #cccc33.

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

● #bdd03a color description : Moderate yellow.

The hexadecimal color #bdd03a has RGB values of R:189, G:208, B:58 and CMYK values of C:0.09, M:0, Y:0.72, K:0.18. Its decimal value is 12439610.

Hex triplet	bdd03a	`#bdd03a`
RGB Decimal	189, 208, 58	`rgb(189,208,58)`
RGB Percent	74.1, 81.6, 22.7	`rgb(74.1%,81.6%,22.7%)`
CMYK	9, 0, 72, 18
HSL	67.6°, 61.5, 52.2	`hsl(67.6,61.5%,52.2%)`
HSV (or HSB)	67.6°, 72.1, 81.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.748, -25.024, 67.819
XYZ	44.306, 56.236, 12.523
xyY	0.392, 0.497, 56.236
CIE-LCH	79.748, 72.289, 110.253
CIE-LUV	79.748, -6.567, 81.465
Hunter-Lab	74.991, -25.774, 42.592
Binary	10111101, 11010000, 00111010

#bdd03a
```
#bdd03a rgb(189,208,58)
```
#4d3ad0
```
#4d3ad0 rgb(77,58,208)
```

Complementary Color

#d0983a
```
#d0983a rgb(208,152,58)
```
#bdd03a
```
#bdd03a rgb(189,208,58)
```
#72d03a
```
#72d03a rgb(114,208,58)
```

Analogous Color

#983ad0
```
#983ad0 rgb(152,58,208)
```
#bdd03a
```
#bdd03a rgb(189,208,58)
```
#3a72d0
```
#3a72d0 rgb(58,114,208)
```

Split Complementary Color

#d03abd
```
#d03abd rgb(208,58,189)
```
#bdd03a
```
#bdd03a rgb(189,208,58)
```
#3abdd0
```
#3abdd0 rgb(58,189,208)
```

Triadic Color

#d04d3a
```
#d04d3a rgb(208,77,58)
```
#bdd03a
```
#bdd03a rgb(189,208,58)
```
#3abdd0
```
#3abdd0 rgb(58,189,208)
```
#4d3ad0
```
#4d3ad0 rgb(77,58,208)
```

Tetradic Color

#8a9925
```
#8a9925 rgb(138,153,37)
```
#9dae29
```
#9dae29 rgb(157,174,41)
```
#afc22e
```
#afc22e rgb(175,194,46)
```
#bdd03a
```
#bdd03a rgb(189,208,58)
```
#c4d54f
```
#c4d54f rgb(196,213,79)
```
#cbda63
```
#cbda63 rgb(203,218,99)
```
#d2df78
```
#d2df78 rgb(210,223,120)
```

Monochromatic Color

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

#d0be3a
```
#d0be3a rgb(208,190,58)
```
#d0ca3a
```
#d0ca3a rgb(208,202,58)
```
#cad03a
```
#cad03a rgb(202,208,58)
```
#bdd03a
```
#bdd03a rgb(189,208,58)
```
#b1d03a
```
#b1d03a rgb(177,208,58)
```
#a4d03a
```
#a4d03a rgb(164,208,58)
```
#98d03a
```
#98d03a rgb(152,208,58)
```

Similar Colors

Text with hexadecimal color #bdd03a

This text has a font color of #bdd03a.

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

#bdd03a background color

This paragraph has a background color of #bdd03a.

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

#bdd03a border color

This element has a border color of #bdd03a.

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

CSS codes

.text {color:#bdd03a;}

.background {background-color:#bdd03a;}

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

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

#080902
```
#080902 rgb(8,9,2)
```
#161906
```
#161906 rgb(22,25,6)
```
#25290a
```
#25290a rgb(37,41,10)
```
#33380d
```
#33380d rgb(51,56,13)
```
#414811
```
#414811 rgb(65,72,17)
```
#505815
```
#505815 rgb(80,88,21)
```
#5e6819
```
#5e6819 rgb(94,104,25)
```
#6c781d
```
#6c781d rgb(108,120,29)
```
#7b8820
```
#7b8820 rgb(123,136,32)
```
#899724
```
#899724 rgb(137,151,36)
```
#97a728
```
#97a728 rgb(151,167,40)
```
#a5b72c
```
#a5b72c rgb(165,183,44)
```
#b4c72f
```
#b4c72f rgb(180,199,47)
```

Shade Color Variation

#bdd03a
```
#bdd03a rgb(189,208,58)
```
#c2d44a
```
#c2d44a rgb(194,212,74)
```
#c8d85a
```
#c8d85a rgb(200,216,90)
```
#cddb6a
```
#cddb6a rgb(205,219,106)
```
#d2df79
```
#d2df79 rgb(210,223,121)
```
#d8e389
```
#d8e389 rgb(216,227,137)
```
#dde799
```
#dde799 rgb(221,231,153)
```
#e2eaa9
```
#e2eaa9 rgb(226,234,169)
```
#e7eeb9
```
#e7eeb9 rgb(231,238,185)
```
#edf2c9
```
#edf2c9 rgb(237,242,201)
```
#f2f6d8
```
#f2f6d8 rgb(242,246,216)
```
#f7fae8
```
#f7fae8 rgb(247,250,232)
```
#fdfdf8
```
#fdfdf8 rgb(253,253,248)
```

Tint Color Variation

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

#8c8e7c
```
#8c8e7c rgb(140,142,124)
```
#939872
```
#939872 rgb(147,152,114)
```
#9aa169
```
#9aa169 rgb(154,161,105)
```
#a1aa60
```
#a1aa60 rgb(161,170,96)
```
#a8b456
```
#a8b456 rgb(168,180,86)
```
#afbd4d
```
#afbd4d rgb(175,189,77)
```
#b6c743
```
#b6c743 rgb(182,199,67)
```
#bdd03a
```
#bdd03a rgb(189,208,58)
```
#c4d931
```
#c4d931 rgb(196,217,49)
```
#cbe327
```
#cbe327 rgb(203,227,39)
```
#d2ec1e
```
#d2ec1e rgb(210,236,30)
```
#d9f614
```
#d9f614 rgb(217,246,20)
```
#e0ff0b
```
#e0ff0b rgb(224,255,11)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#babea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc841 Protanopia 1% of men
#f8bf4d Deuteranopia 1% of men
#d0c5d3 Tritanopia 0.001% of the population

Trichromacy

#d3cb3e Protanomaly 1% of men, 0.01% of women
#e2c546 Deuteranomaly 6% of men, 0.4% of women
#c9c99b Tritanomaly 0.01% of the population

#bdd03a hex color

#bdd03a Color Information

#bdd03a Color Conversion

Color Schemes with #bdd03a

Alternatives to #bdd03a

#bdd03a Preview

Shades and Tints of #bdd03a

Tones of #bdd03a

Color Blindness Simulator