#bdd63c hex color

In a RGB color space, hex #bdd63c is composed of 74.1% red, 83.9% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 11.7% cyan, 0% magenta, 72% yellow and 16.1% black. It has a hue angle of 69.7 degrees, a saturation of 65.3% and a lightness of 53.7%. #bdd63c color hex could be obtained by blending #ffff78 with #7bad00. Closest websafe color is: #cccc33.

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

● #bdd63c color description : Moderate yellow.

The hexadecimal color #bdd63c has RGB values of R:189, G:214, B:60 and CMYK values of C:0.12, M:0, Y:0.72, K:0.16. Its decimal value is 12441148.

Hex triplet	bdd63c	`#bdd63c`
RGB Decimal	189, 214, 60	`rgb(189,214,60)`
RGB Percent	74.1, 83.9, 23.5	`rgb(74.1%,83.9%,23.5%)`
CMYK	12, 0, 72, 16
HSL	69.7°, 65.3, 53.7	`hsl(69.7,65.3%,53.7%)`
HSV (or HSB)	69.7°, 72, 83.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.422, -27.793, 68.752
XYZ	45.848, 59.238, 13.294
xyY	0.387, 0.5, 59.238
CIE-LCH	81.422, 74.157, 112.011
CIE-LUV	81.422, -10.172, 83.483
Hunter-Lab	76.966, -28.36, 43.636
Binary	10111101, 11010110, 00111100

#bdd63c
```
#bdd63c rgb(189,214,60)
```
#553cd6
```
#553cd6 rgb(85,60,214)
```

Complementary Color

#d6a23c
```
#d6a23c rgb(214,162,60)
```
#bdd63c
```
#bdd63c rgb(189,214,60)
```
#70d63c
```
#70d63c rgb(112,214,60)
```

Analogous Color

#a23cd6
```
#a23cd6 rgb(162,60,214)
```
#bdd63c
```
#bdd63c rgb(189,214,60)
```
#3c70d6
```
#3c70d6 rgb(60,112,214)
```

Split Complementary Color

#d63cbd
```
#d63cbd rgb(214,60,189)
```
#bdd63c
```
#bdd63c rgb(189,214,60)
```
#3cbdd6
```
#3cbdd6 rgb(60,189,214)
```

Triadic Color

#d6553c
```
#d6553c rgb(214,85,60)
```
#bdd63c
```
#bdd63c rgb(189,214,60)
```
#3cbdd6
```
#3cbdd6 rgb(60,189,214)
```
#553cd6
```
#553cd6 rgb(85,60,214)
```

Tetradic Color

#8ea322
```
#8ea322 rgb(142,163,34)
```
#a1b827
```
#a1b827 rgb(161,184,39)
```
#b3cd2b
```
#b3cd2b rgb(179,205,43)
```
#bdd63c
```
#bdd63c rgb(189,214,60)
```
#c4da51
```
#c4da51 rgb(196,218,81)
```
#cbdf66
```
#cbdf66 rgb(203,223,102)
```
#d2e37b
```
#d2e37b rgb(210,227,123)
```

Monochromatic Color

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

#d6c93c
```
#d6c93c rgb(214,201,60)
```
#d6d53c
```
#d6d53c rgb(214,213,60)
```
#cad63c
```
#cad63c rgb(202,214,60)
```
#bdd63c
```
#bdd63c rgb(189,214,60)
```
#b0d63c
```
#b0d63c rgb(176,214,60)
```
#a3d63c
```
#a3d63c rgb(163,214,60)
```
#97d63c
```
#97d63c rgb(151,214,60)
```

Similar Colors

Text with hexadecimal color #bdd63c

This text has a font color of #bdd63c.

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

#bdd63c background color

This paragraph has a background color of #bdd63c.

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

#bdd63c border color

This element has a border color of #bdd63c.

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

CSS codes

.text {color:#bdd63c;}

.background {background-color:#bdd63c;}

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

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

#0e1003
```
#0e1003 rgb(14,16,3)
```
#1c2007
```
#1c2007 rgb(28,32,7)
```
#2a300a
```
#2a300a rgb(42,48,10)
```
#38400e
```
#38400e rgb(56,64,14)
```
#465111
```
#465111 rgb(70,81,17)
```
#546114
```
#546114 rgb(84,97,20)
```
#627118
```
#627118 rgb(98,113,24)
```
#71811b
```
#71811b rgb(113,129,27)
```
#7f911f
```
#7f911f rgb(127,145,31)
```
#8da222
```
#8da222 rgb(141,162,34)
```
#9bb225
```
#9bb225 rgb(155,178,37)
```
#a9c229
```
#a9c229 rgb(169,194,41)
```
#b7d22c
```
#b7d22c rgb(183,210,44)
```

Shade Color Variation

#bdd63c
```
#bdd63c rgb(189,214,60)
```
#c2d94c
```
#c2d94c rgb(194,217,76)
```
#c8dd5c
```
#c8dd5c rgb(200,221,92)
```
#cde06d
```
#cde06d rgb(205,224,109)
```
#d3e47d
```
#d3e47d rgb(211,228,125)
```
#d8e78d
```
#d8e78d rgb(216,231,141)
```
#deea9d
```
#deea9d rgb(222,234,157)
```
#e3eead
```
#e3eead rgb(227,238,173)
```
#e9f1be
```
#e9f1be rgb(233,241,190)
```
#eef5ce
```
#eef5ce rgb(238,245,206)
```
#f4f8de
```
#f4f8de rgb(244,248,222)
```
#f9fbee
```
#f9fbee rgb(249,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8c8d85
```
#8c8d85 rgb(140,141,133)
```
#92967c
```
#92967c rgb(146,150,124)
```
#98a072
```
#98a072 rgb(152,160,114)
```
#9ea969
```
#9ea969 rgb(158,169,105)
```
#a4b260
```
#a4b260 rgb(164,178,96)
```
#abbb57
```
#abbb57 rgb(171,187,87)
```
#b1c44e
```
#b1c44e rgb(177,196,78)
```
#b7cd45
```
#b7cd45 rgb(183,205,69)
```
#bdd63c
```
#bdd63c rgb(189,214,60)
```
#c3df33
```
#c3df33 rgb(195,223,51)
```
#c9e82a
```
#c9e82a rgb(201,232,42)
```
#cff121
```
#cff121 rgb(207,241,33)
```
#d6fa18
```
#d6fa18 rgb(214,250,24)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bdc2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cd43 Protanopia 1% of men
#fdc34f Deuteranopia 1% of men
#d0cad8 Tritanopia 0.001% of the population

Trichromacy

#d6d040 Protanomaly 1% of men, 0.01% of women
#e6ca48 Deuteranomaly 6% of men, 0.4% of women
#c9ce9f Tritanomaly 0.01% of the population

#bdd63c hex color

#bdd63c Color Information

#bdd63c Color Conversion

Color Schemes with #bdd63c

Alternatives to #bdd63c

#bdd63c Preview

Shades and Tints of #bdd63c

Tones of #bdd63c

Color Blindness Simulator