#bdd523 hex color

In a RGB color space, hex #bdd523 is composed of 74.1% red, 83.5% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 0% magenta, 83.6% yellow and 16.5% black. It has a hue angle of 68.1 degrees, a saturation of 71.8% and a lightness of 48.6%. #bdd523 color hex could be obtained by blending #ffff46 with #7bab00. Closest websafe color is: #cccc33.

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

● #bdd523 color description : Strong yellow.

The hexadecimal color #bdd523 has RGB values of R:189, G:213, B:35 and CMYK values of C:0.11, M:0, Y:0.84, K:0.16. Its decimal value is 12440867.

Hex triplet	bdd523	`#bdd523`
RGB Decimal	189, 213, 35	`rgb(189,213,35)`
RGB Percent	74.1, 83.5, 13.7	`rgb(74.1%,83.5%,13.7%)`
CMYK	11, 0, 84, 16
HSL	68.1°, 71.8, 48.6	`hsl(68.1,71.8%,48.6%)`
HSV (or HSB)	68.1°, 83.6, 83.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.032, -28.301, 75.546
XYZ	45.084, 58.529, 10.512
xyY	0.395, 0.513, 58.529
CIE-LCH	81.032, 80.673, 110.537
CIE-LUV	81.032, -9.395, 87.963
Hunter-Lab	76.504, -28.692, 45.406
Binary	10111101, 11010101, 00100011

#bdd523
```
#bdd523 rgb(189,213,35)
```
#3b23d5
```
#3b23d5 rgb(59,35,213)
```

Complementary Color

#d59423
```
#d59423 rgb(213,148,35)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```
#64d523
```
#64d523 rgb(100,213,35)
```

Analogous Color

#9423d5
```
#9423d5 rgb(148,35,213)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```
#2364d5
```
#2364d5 rgb(35,100,213)
```

Split Complementary Color

#d523bd
```
#d523bd rgb(213,35,189)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```
#23bdd5
```
#23bdd5 rgb(35,189,213)
```

Triadic Color

#d53b23
```
#d53b23 rgb(213,59,35)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```
#23bdd5
```
#23bdd5 rgb(35,189,213)
```
#3b23d5
```
#3b23d5 rgb(59,35,213)
```

Tetradic Color

#839318
```
#839318 rgb(131,147,24)
```
#96a91c
```
#96a91c rgb(150,169,28)
```
#aabf1f
```
#aabf1f rgb(170,191,31)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```
#c7de34
```
#c7de34 rgb(199,222,52)
```
#cde14a
```
#cde14a rgb(205,225,74)
```
#d3e560
```
#d3e560 rgb(211,229,96)
```

Monochromatic Color

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

#d5c123
```
#d5c123 rgb(213,193,35)
```
#d5cf23
```
#d5cf23 rgb(213,207,35)
```
#ccd523
```
#ccd523 rgb(204,213,35)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```
#aed523
```
#aed523 rgb(174,213,35)
```
#9fd523
```
#9fd523 rgb(159,213,35)
```
#91d523
```
#91d523 rgb(145,213,35)
```

Similar Colors

Text with hexadecimal color #bdd523

This text has a font color of #bdd523.

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

#bdd523 background color

This paragraph has a background color of #bdd523.

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

#bdd523 border color

This element has a border color of #bdd523.

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

CSS codes

.text {color:#bdd523;}

.background {background-color:#bdd523;}

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

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

#0a0b02
```
#0a0b02 rgb(10,11,2)
```
#191c05
```
#191c05 rgb(25,28,5)
```
#282d07
```
#282d07 rgb(40,45,7)
```
#363d0a
```
#363d0a rgb(54,61,10)
```
#454e0d
```
#454e0d rgb(69,78,13)
```
#545f10
```
#545f10 rgb(84,95,16)
```
#637012
```
#637012 rgb(99,112,18)
```
#728115
```
#728115 rgb(114,129,21)
```
#819218
```
#819218 rgb(129,146,24)
```
#90a21b
```
#90a21b rgb(144,162,27)
```
#9fb31d
```
#9fb31d rgb(159,179,29)
```
#aec420
```
#aec420 rgb(174,196,32)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```

Shade Color Variation

#c5dd2f
```
#c5dd2f rgb(197,221,47)
```
#cae040
```
#cae040 rgb(202,224,64)
```
#cfe251
```
#cfe251 rgb(207,226,81)
```
#d3e561
```
#d3e561 rgb(211,229,97)
```
#d8e872
```
#d8e872 rgb(216,232,114)
```
#ddeb83
```
#ddeb83 rgb(221,235,131)
```
#e1ed94
```
#e1ed94 rgb(225,237,148)
```
#e6f0a5
```
#e6f0a5 rgb(230,240,165)
```
#ebf3b6
```
#ebf3b6 rgb(235,243,182)
```
#eff6c6
```
#eff6c6 rgb(239,246,198)
```
#f4f8d7
```
#f4f8d7 rgb(244,248,215)
```
#f9fbe8
```
#f9fbe8 rgb(249,251,232)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#7e7f79
```
#7e7f79 rgb(126,127,121)
```
#85896f
```
#85896f rgb(133,137,111)
```
#8c9266
```
#8c9266 rgb(140,146,102)
```
#939c5c
```
#939c5c rgb(147,156,92)
```
#9aa553
```
#9aa553 rgb(154,165,83)
```
#a1af49
```
#a1af49 rgb(161,175,73)
```
#a8b840
```
#a8b840 rgb(168,184,64)
```
#afc236
```
#afc236 rgb(175,194,54)
```
#b6cb2d
```
#b6cb2d rgb(182,203,45)
```
#bdd523
```
#bdd523 rgb(189,213,35)
```
#c4df19
```
#c4df19 rgb(196,223,25)
```
#cbe810
```
#cbe810 rgb(203,232,16)
```
#d2f206
```
#d2f206 rgb(210,242,6)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bbbf9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc2b Protanopia 1% of men
#fdc23c Deuteranopia 1% of men
#d1c9d7 Tritanopia 0.001% of the population

Trichromacy

#d6cf28 Protanomaly 1% of men, 0.01% of women
#e6c933 Deuteranomaly 6% of men, 0.4% of women
#c9cd95 Tritanomaly 0.01% of the population

#bdd523 hex color

#bdd523 Color Information

#bdd523 Color Conversion

Color Schemes with #bdd523

Alternatives to #bdd523

#bdd523 Preview

Shades and Tints of #bdd523

Tones of #bdd523

Color Blindness Simulator