#bdd530 hex color

In a RGB color space, hex #bdd530 is composed of 74.1% red, 83.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 0% magenta, 77.5% yellow and 16.5% black. It has a hue angle of 68.7 degrees, a saturation of 66.3% and a lightness of 51.2%. #bdd530 color hex could be obtained by blending #ffff60 with #7bab00. Closest websafe color is: #cccc33.

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

● #bdd530 color description : Strong yellow.

The hexadecimal color #bdd530 has RGB values of R:189, G:213, B:48 and CMYK values of C:0.11, M:0, Y:0.77, K:0.16. Its decimal value is 12440880.

Hex triplet	bdd530	`#bdd530`
RGB Decimal	189, 213, 48	`rgb(189,213,48)`
RGB Percent	74.1, 83.5, 18.8	`rgb(74.1%,83.5%,18.8%)`
CMYK	11, 0, 77, 16
HSL	68.7°, 66.3, 51.2	`hsl(68.7,66.3%,51.2%)`
HSV (or HSB)	68.7°, 77.5, 83.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.083, -27.858, 72.236
XYZ	45.314, 58.621, 11.724
xyY	0.392, 0.507, 58.621
CIE-LCH	81.083, 77.421, 111.09
CIE-LUV	81.083, -9.479, 85.748
Hunter-Lab	76.564, -28.344, 44.516
Binary	10111101, 11010101, 00110000

#bdd530
```
#bdd530 rgb(189,213,48)
```
#4830d5
```
#4830d5 rgb(72,48,213)
```

Complementary Color

#d59b30
```
#d59b30 rgb(213,155,48)
```
#bdd530
```
#bdd530 rgb(189,213,48)
```
#6bd530
```
#6bd530 rgb(107,213,48)
```

Analogous Color

#9b30d5
```
#9b30d5 rgb(155,48,213)
```
#bdd530
```
#bdd530 rgb(189,213,48)
```
#306bd5
```
#306bd5 rgb(48,107,213)
```

Split Complementary Color

#d530bd
```
#d530bd rgb(213,48,189)
```
#bdd530
```
#bdd530 rgb(189,213,48)
```
#30bdd5
```
#30bdd5 rgb(48,189,213)
```

Triadic Color

#d54830
```
#d54830 rgb(213,72,48)
```
#bdd530
```
#bdd530 rgb(189,213,48)
```
#30bdd5
```
#30bdd5 rgb(48,189,213)
```
#4830d5
```
#4830d5 rgb(72,48,213)
```

Tetradic Color

#88991f
```
#88991f rgb(136,153,31)
```
#9aaf23
```
#9aaf23 rgb(154,175,35)
```
#adc428
```
#adc428 rgb(173,196,40)
```
#bdd530
```
#bdd530 rgb(189,213,48)
```
#c4d945
```
#c4d945 rgb(196,217,69)
```
#cbde5a
```
#cbde5a rgb(203,222,90)
```
#d1e270
```
#d1e270 rgb(209,226,112)
```

Monochromatic Color

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

#d5c430
```
#d5c430 rgb(213,196,48)
```
#d5d230
```
#d5d230 rgb(213,210,48)
```
#cbd530
```
#cbd530 rgb(203,213,48)
```
#bdd530
```
#bdd530 rgb(189,213,48)
```
#afd530
```
#afd530 rgb(175,213,48)
```
#a2d530
```
#a2d530 rgb(162,213,48)
```
#94d530
```
#94d530 rgb(148,213,48)
```

Similar Colors

Text with hexadecimal color #bdd530

This text has a font color of #bdd530.

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

#bdd530 background color

This paragraph has a background color of #bdd530.

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

#bdd530 border color

This element has a border color of #bdd530.

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

CSS codes

.text {color:#bdd530;}

.background {background-color:#bdd530;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#131504
```
#131504 rgb(19,21,4)
```
#212608
```
#212608 rgb(33,38,8)
```
#30360b
```
#30360b rgb(48,54,11)
```
#3e460e
```
#3e460e rgb(62,70,14)
```
#4c5712
```
#4c5712 rgb(76,87,18)
```
#5b6715
```
#5b6715 rgb(91,103,21)
```
#697718
```
#697718 rgb(105,119,24)
```
#78871b
```
#78871b rgb(120,135,27)
```
#86981f
```
#86981f rgb(134,152,31)
```
#95a822
```
#95a822 rgb(149,168,34)
```
#a3b825
```
#a3b825 rgb(163,184,37)
```
#b1c929
```
#b1c929 rgb(177,201,41)
```

Shade Color Variation

#bdd530
```
#bdd530 rgb(189,213,48)
```
#c2d840
```
#c2d840 rgb(194,216,64)
```
#c7dc51
```
#c7dc51 rgb(199,220,81)
```
#cddf61
```
#cddf61 rgb(205,223,97)
```
#d2e271
```
#d2e271 rgb(210,226,113)
```
#d7e682
```
#d7e682 rgb(215,230,130)
```
#dce992
```
#dce992 rgb(220,233,146)
```
#e1eca2
```
#e1eca2 rgb(225,236,162)
```
#e7efb2
```
#e7efb2 rgb(231,239,178)
```
#ecf3c3
```
#ecf3c3 rgb(236,243,195)
```
#f1f6d3
```
#f1f6d3 rgb(241,246,211)
```
#f6f9e3
```
#f6f9e3 rgb(246,249,227)
```
#fbfdf4
```
#fbfdf4 rgb(251,253,244)
```

Tint Color Variation

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

#87887d
```
#87887d rgb(135,136,125)
```
#8d9273
```
#8d9273 rgb(141,146,115)
```
#949c69
```
#949c69 rgb(148,156,105)
```
#9ba560
```
#9ba560 rgb(155,165,96)
```
#a2af56
```
#a2af56 rgb(162,175,86)
```
#a9b84d
```
#a9b84d rgb(169,184,77)
```
#afc243
```
#afc243 rgb(175,194,67)
```
#b6cb3a
```
#b6cb3a rgb(182,203,58)
```
#bdd530
```
#bdd530 rgb(189,213,48)
```
#c4df26
```
#c4df26 rgb(196,223,38)
```
#cbe81d
```
#cbe81d rgb(203,232,29)
```
#d1f213
```
#d1f213 rgb(209,242,19)
```
#d8fb0a
```
#d8fb0a rgb(216,251,10)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bbc09f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc37 Protanopia 1% of men
#fdc246 Deuteranopia 1% of men
#d1c9d7 Tritanopia 0.001% of the population

Trichromacy

#d5cf35 Protanomaly 1% of men, 0.01% of women
#e5c93e Deuteranomaly 6% of men, 0.4% of women
#c9cd9a Tritanomaly 0.01% of the population

#bdd530 hex color

#bdd530 Color Information

#bdd530 Color Conversion

Color Schemes with #bdd530

Alternatives to #bdd530

#bdd530 Preview

Shades and Tints of #bdd530

Tones of #bdd530

Color Blindness Simulator