#bdd53a hex color

In a RGB color space, hex #bdd53a is composed of 74.1% red, 83.5% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 0% magenta, 72.8% yellow and 16.5% black. It has a hue angle of 69.3 degrees, a saturation of 64.9% and a lightness of 53.1%. #bdd53a color hex could be obtained by blending #ffff74 with #7bab00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 84
- B 23
RGB color chart
- C 11
- M 0
- Y 73
- K 16
CMYK color chart

● #bdd53a color description : Moderate yellow.

The hexadecimal color #bdd53a has RGB values of R:189, G:213, B:58 and CMYK values of C:0.11, M:0, Y:0.73, K:0.16. Its decimal value is 12440890.

Hex triplet	bdd53a	`#bdd53a`
RGB Decimal	189, 213, 58	`rgb(189,213,58)`
RGB Percent	74.1, 83.5, 22.7	`rgb(74.1%,83.5%,22.7%)`
CMYK	11, 0, 73, 16
HSL	69.3°, 64.9, 53.1	`hsl(69.3,64.9%,53.1%)`
HSV (or HSB)	69.3°, 72.8, 83.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.133, -27.417, 69.151
XYZ	45.544, 58.713, 12.936
xyY	0.389, 0.501, 58.713
CIE-LCH	81.133, 74.388, 111.628
CIE-LUV	81.133, -9.562, 83.555
Hunter-Lab	76.624, -27.996, 43.627
Binary	10111101, 11010101, 00111010

#bdd53a
```
#bdd53a rgb(189,213,58)
```
#523ad5
```
#523ad5 rgb(82,58,213)
```

Complementary Color

#d5a03a
```
#d5a03a rgb(213,160,58)
```
#bdd53a
```
#bdd53a rgb(189,213,58)
```
#70d53a
```
#70d53a rgb(112,213,58)
```

Analogous Color

#a03ad5
```
#a03ad5 rgb(160,58,213)
```
#bdd53a
```
#bdd53a rgb(189,213,58)
```
#3a70d5
```
#3a70d5 rgb(58,112,213)
```

Split Complementary Color

#d53abd
```
#d53abd rgb(213,58,189)
```
#bdd53a
```
#bdd53a rgb(189,213,58)
```
#3abdd5
```
#3abdd5 rgb(58,189,213)
```

Triadic Color

#d5523a
```
#d5523a rgb(213,82,58)
```
#bdd53a
```
#bdd53a rgb(189,213,58)
```
#3abdd5
```
#3abdd5 rgb(58,189,213)
```
#523ad5
```
#523ad5 rgb(82,58,213)
```

Tetradic Color

#8da022
```
#8da022 rgb(141,160,34)
```
#9fb527
```
#9fb527 rgb(159,181,39)
```
#b2ca2b
```
#b2ca2b rgb(178,202,43)
```
#bdd53a
```
#bdd53a rgb(189,213,58)
```
#c4d94f
```
#c4d94f rgb(196,217,79)
```
#cbde64
```
#cbde64 rgb(203,222,100)
```
#d2e279
```
#d2e279 rgb(210,226,121)
```

Monochromatic Color

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

#d5c63a
```
#d5c63a rgb(213,198,58)
```
#d5d33a
```
#d5d33a rgb(213,211,58)
```
#cad53a
```
#cad53a rgb(202,213,58)
```
#bdd53a
```
#bdd53a rgb(189,213,58)
```
#b0d53a
```
#b0d53a rgb(176,213,58)
```
#a3d53a
```
#a3d53a rgb(163,213,58)
```
#96d53a
```
#96d53a rgb(150,213,58)
```

Similar Colors

Text with hexadecimal color #bdd53a

This text has a font color of #bdd53a.

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

#bdd53a background color

This paragraph has a background color of #bdd53a.

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

#bdd53a border color

This element has a border color of #bdd53a.

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

CSS codes

.text {color:#bdd53a;}

.background {background-color:#bdd53a;}

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

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

#0c0d03
```
#0c0d03 rgb(12,13,3)
```
#1a1d06
```
#1a1d06 rgb(26,29,6)
```
#282e0a
```
#282e0a rgb(40,46,10)
```
#363e0d
```
#363e0d rgb(54,62,13)
```
#444e11
```
#444e11 rgb(68,78,17)
```
#535e14
```
#535e14 rgb(83,94,20)
```
#616e17
```
#616e17 rgb(97,110,23)
```
#6f7e1b
```
#6f7e1b rgb(111,126,27)
```
#7d8f1e
```
#7d8f1e rgb(125,143,30)
```
#8b9f22
```
#8b9f22 rgb(139,159,34)
```
#9aaf25
```
#9aaf25 rgb(154,175,37)
```
#a8bf29
```
#a8bf29 rgb(168,191,41)
```
#b6cf2c
```
#b6cf2c rgb(182,207,44)
```

Shade Color Variation

#bdd53a
```
#bdd53a rgb(189,213,58)
```
#c2d84a
```
#c2d84a rgb(194,216,74)
```
#c8dc5a
```
#c8dc5a rgb(200,220,90)
```
#cddf6b
```
#cddf6b rgb(205,223,107)
```
#d3e37b
```
#d3e37b rgb(211,227,123)
```
#d8e68b
```
#d8e68b rgb(216,230,139)
```
#deea9b
```
#deea9b rgb(222,234,155)
```
#e3edab
```
#e3edab rgb(227,237,171)
```
#e8f1bb
```
#e8f1bb rgb(232,241,187)
```
#eef4cc
```
#eef4cc rgb(238,244,204)
```
#f3f7dc
```
#f3f7dc rgb(243,247,220)
```
#f9fbec
```
#f9fbec rgb(249,251,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#8a8b84
```
#8a8b84 rgb(138,139,132)
```
#91957a
```
#91957a rgb(145,149,122)
```
#979e71
```
#979e71 rgb(151,158,113)
```
#9da768
```
#9da768 rgb(157,167,104)
```
#a4b05f
```
#a4b05f rgb(164,176,95)
```
#aab956
```
#aab956 rgb(170,185,86)
```
#b0c34c
```
#b0c34c rgb(176,195,76)
```
#b7cc43
```
#b7cc43 rgb(183,204,67)
```
#bdd53a
```
#bdd53a rgb(189,213,58)
```
#c3de31
```
#c3de31 rgb(195,222,49)
```
#cae728
```
#cae728 rgb(202,231,40)
```
#d0f11e
```
#d0f11e rgb(208,241,30)
```
#d6fa15
```
#d6fa15 rgb(214,250,21)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bcc1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc41 Protanopia 1% of men
#fcc24e Deuteranopia 1% of men
#d0c9d7 Tritanopia 0.001% of the population

Trichromacy

#d5cf3e Protanomaly 1% of men, 0.01% of women
#e5c946 Deuteranomaly 6% of men, 0.4% of women
#c9cd9e Tritanomaly 0.01% of the population

#bdd53a hex color

#bdd53a Color Information

#bdd53a Color Conversion

Color Schemes with #bdd53a

Alternatives to #bdd53a

#bdd53a Preview

Shades and Tints of #bdd53a

Tones of #bdd53a

Color Blindness Simulator