#bdd230 hex color

In a RGB color space, hex #bdd230 is composed of 74.1% red, 82.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 77.1% yellow and 17.6% black. It has a hue angle of 67.8 degrees, a saturation of 64.3% and a lightness of 50.6%. #bdd230 color hex could be obtained by blending #ffff60 with #7ba500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 82
- B 19
RGB color chart
- C 10
- M 0
- Y 77
- K 18
CMYK color chart

● #bdd230 color description : Strong yellow.

The hexadecimal color #bdd230 has RGB values of R:189, G:210, B:48 and CMYK values of C:0.1, M:0, Y:0.77, K:0.18. Its decimal value is 12440112.

Hex triplet	bdd230	`#bdd230`
RGB Decimal	189, 210, 48	`rgb(189,210,48)`
RGB Percent	74.1, 82.4, 18.8	`rgb(74.1%,82.4%,18.8%)`
CMYK	10, 0, 77, 18
HSL	67.8°, 64.3, 50.6	`hsl(67.8,64.3%,50.6%)`
HSV (or HSB)	67.8°, 77.1, 82.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.25, -26.43, 71.479
XYZ	44.566, 57.126, 11.475
xyY	0.394, 0.505, 57.126
CIE-LCH	80.25, 76.209, 110.292
CIE-LUV	80.25, -7.679, 84.526
Hunter-Lab	75.581, -27.016, 43.906
Binary	10111101, 11010010, 00110000

#bdd230
```
#bdd230 rgb(189,210,48)
```
#4530d2
```
#4530d2 rgb(69,48,210)
```

Complementary Color

#d29630
```
#d29630 rgb(210,150,48)
```
#bdd230
```
#bdd230 rgb(189,210,48)
```
#6cd230
```
#6cd230 rgb(108,210,48)
```

Analogous Color

#9630d2
```
#9630d2 rgb(150,48,210)
```
#bdd230
```
#bdd230 rgb(189,210,48)
```
#306cd2
```
#306cd2 rgb(48,108,210)
```

Split Complementary Color

#d230bd
```
#d230bd rgb(210,48,189)
```
#bdd230
```
#bdd230 rgb(189,210,48)
```
#30bdd2
```
#30bdd2 rgb(48,189,210)
```

Triadic Color

#d24530
```
#d24530 rgb(210,69,48)
```
#bdd230
```
#bdd230 rgb(189,210,48)
```
#30bdd2
```
#30bdd2 rgb(48,189,210)
```
#4530d2
```
#4530d2 rgb(69,48,210)
```

Tetradic Color

#869520
```
#869520 rgb(134,149,32)
```
#99aa25
```
#99aa25 rgb(153,170,37)
```
#acbf2a
```
#acbf2a rgb(172,191,42)
```
#bdd230
```
#bdd230 rgb(189,210,48)
```
#c4d745
```
#c4d745 rgb(196,215,69)
```
#cadb5a
```
#cadb5a rgb(202,219,90)
```
#d1e06f
```
#d1e06f rgb(209,224,111)
```

Monochromatic Color

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

#d2bf30
```
#d2bf30 rgb(210,191,48)
```
#d2cc30
```
#d2cc30 rgb(210,204,48)
```
#cbd230
```
#cbd230 rgb(203,210,48)
```
#bdd230
```
#bdd230 rgb(189,210,48)
```
#b0d230
```
#b0d230 rgb(176,210,48)
```
#a2d230
```
#a2d230 rgb(162,210,48)
```
#95d230
```
#95d230 rgb(149,210,48)
```

Similar Colors

Text with hexadecimal color #bdd230

This text has a font color of #bdd230.

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

#bdd230 background color

This paragraph has a background color of #bdd230.

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

#bdd230 border color

This element has a border color of #bdd230.

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

CSS codes

.text {color:#bdd230;}

.background {background-color:#bdd230;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111304
```
#111304 rgb(17,19,4)
```
#1f2308
```
#1f2308 rgb(31,35,8)
```
#2e330b
```
#2e330b rgb(46,51,11)
```
#3c430f
```
#3c430f rgb(60,67,15)
```
#4b5312
```
#4b5312 rgb(75,83,18)
```
#596316
```
#596316 rgb(89,99,22)
```
#687319
```
#687319 rgb(104,115,25)
```
#76831d
```
#76831d rgb(118,131,29)
```
#859320
```
#859320 rgb(133,147,32)
```
#93a424
```
#93a424 rgb(147,164,36)
```
#a1b427
```
#a1b427 rgb(161,180,39)
```
#b0c42b
```
#b0c42b rgb(176,196,43)
```

Shade Color Variation

#bdd230
```
#bdd230 rgb(189,210,48)
```
#c2d640
```
#c2d640 rgb(194,214,64)
```
#c7d950
```
#c7d950 rgb(199,217,80)
```
#ccdd60
```
#ccdd60 rgb(204,221,96)
```
#d2e070
```
#d2e070 rgb(210,224,112)
```
#d7e481
```
#d7e481 rgb(215,228,129)
```
#dce791
```
#dce791 rgb(220,231,145)
```
#e1eba1
```
#e1eba1 rgb(225,235,161)
```
#e6eeb1
```
#e6eeb1 rgb(230,238,177)
```
#ebf2c1
```
#ebf2c1 rgb(235,242,193)
```
#f0f5d1
```
#f0f5d1 rgb(240,245,209)
```
#f6f9e1
```
#f6f9e1 rgb(246,249,225)
```
#fbfcf1
```
#fbfcf1 rgb(251,252,241)
```

Tint Color Variation

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

#84847e
```
#84847e rgb(132,132,126)
```
#8b8e74
```
#8b8e74 rgb(139,142,116)
```
#92986a
```
#92986a rgb(146,152,106)
```
#99a260
```
#99a260 rgb(153,162,96)
```
#a0ab57
```
#a0ab57 rgb(160,171,87)
```
#a7b54d
```
#a7b54d rgb(167,181,77)
```
#afbf43
```
#afbf43 rgb(175,191,67)
```
#b6c83a
```
#b6c83a rgb(182,200,58)
```
#bdd230
```
#bdd230 rgb(189,210,48)
```
#c4dc26
```
#c4dc26 rgb(196,220,38)
```
#cbe51d
```
#cbe51d rgb(203,229,29)
```
#d3ef13
```
#d3ef13 rgb(211,239,19)
```
#daf909
```
#daf909 rgb(218,249,9)
```

Tone Color Variation

Below, you can see how #bdd230 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
#babe9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca38 Protanopia 1% of men
#fac045 Deuteranopia 1% of men
#d0c6d4 Tritanopia 0.001% of the population

Trichromacy

#d4cd35 Protanomaly 1% of men, 0.01% of women
#e4c63d Deuteranomaly 6% of men, 0.4% of women
#c9ca98 Tritanomaly 0.01% of the population

#bdd230 hex color

#bdd230 Color Information

#bdd230 Color Conversion

Color Schemes with #bdd230

Alternatives to #bdd230

#bdd230 Preview

Shades and Tints of #bdd230

Tones of #bdd230

Color Blindness Simulator