colorhexa.com

#bdd307 hex color

In a RGB color space, hex #bdd307 is composed of 74.1% red, 82.7% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 96.7% yellow and 17.3% black. It has a hue angle of 66.5 degrees, a saturation of 93.6% and a lightness of 42.7%. #bdd307 color hex could be obtained by blending #ffff0e with #7ba700. Closest websafe color is: #cccc00.

- R 74
- G 83
- B 3
RGB color chart
- C 10
- M 0
- Y 97
- K 17
CMYK color chart

● #bdd307 color description : Strong yellow.

The hexadecimal color #bdd307 has RGB values of R:189, G:211, B:7 and CMYK values of C:0.1, M:0, Y:0.97, K:0.17. Its decimal value is 12440327.

Hex triplet	bdd307	`#bdd307`
RGB Decimal	189, 211, 7	`rgb(189,211,7)`
RGB Percent	74.1, 82.7, 2.7	`rgb(74.1%,82.7%,2.7%)`
CMYK	10, 0, 97, 17
HSL	66.5°, 93.6, 42.7	`hsl(66.5,93.6%,42.7%)`
HSV (or HSB)	66.5°, 96.7, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.417, -27.868, 79.276
XYZ	44.319, 57.423, 8.95
xyY	0.4, 0.519, 57.423
CIE-LCH	80.417, 84.032, 109.368
CIE-LUV	80.417, -8.086, 89.772
Hunter-Lab	75.778, -28.215, 46.042
Binary	10111101, 11010011, 00000111

#bdd307
```
#bdd307 rgb(189,211,7)
```
#1d07d3
```
#1d07d3 rgb(29,7,211)
```

Complementary Color

#d38307
```
#d38307 rgb(211,131,7)
```
#bdd307
```
#bdd307 rgb(189,211,7)
```
#57d307
```
#57d307 rgb(87,211,7)
```

Analogous Color

#8307d3
```
#8307d3 rgb(131,7,211)
```
#bdd307
```
#bdd307 rgb(189,211,7)
```
#0757d3
```
#0757d3 rgb(7,87,211)
```

Split Complementary Color

#d307bd
```
#d307bd rgb(211,7,189)
```
#bdd307
```
#bdd307 rgb(189,211,7)
```
#07bdd3
```
#07bdd3 rgb(7,189,211)
```

Triadic Color

#7b8905
```
#7b8905 rgb(123,137,5)
```
#91a205
```
#91a205 rgb(145,162,5)
```
#a7ba06
```
#a7ba06 rgb(167,186,6)
```
#bdd307
```
#bdd307 rgb(189,211,7)
```
#d3ec08
```
#d3ec08 rgb(211,236,8)
```
#dff716
```
#dff716 rgb(223,247,22)
```
#e2f82e
```
#e2f82e rgb(226,248,46)
```

Monochromatic Color

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

#d3b607
```
#d3b607 rgb(211,182,7)
```
#d3c707
```
#d3c707 rgb(211,199,7)
```
#ced307
```
#ced307 rgb(206,211,7)
```
#bdd307
```
#bdd307 rgb(189,211,7)
```
#acd307
```
#acd307 rgb(172,211,7)
```
#9bd307
```
#9bd307 rgb(155,211,7)
```
#8ad307
```
#8ad307 rgb(138,211,7)
```

Similar Colors

Text with hexadecimal color #bdd307

This text has a font color of #bdd307.

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

#bdd307 background color

This paragraph has a background color of #bdd307.

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

#bdd307 border color

This element has a border color of #bdd307.

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

CSS codes

.text {color:#bdd307;}

.background {background-color:#bdd307;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131501
```
#131501 rgb(19,21,1)
```
#242801
```
#242801 rgb(36,40,1)
```
#353b02
```
#353b02 rgb(53,59,2)
```
#464e03
```
#464e03 rgb(70,78,3)
```
#576103
```
#576103 rgb(87,97,3)
```
#687404
```
#687404 rgb(104,116,4)
```
#798704
```
#798704 rgb(121,135,4)
```
#8a9a05
```
#8a9a05 rgb(138,154,5)
```
#9bad06
```
#9bad06 rgb(155,173,6)
```
#acc006
```
#acc006 rgb(172,192,6)
```
#bdd307
```
#bdd307 rgb(189,211,7)
```
#cee608
```
#cee608 rgb(206,230,8)
```

Shade Color Variation

#ddf70a
```
#ddf70a rgb(221,247,10)
```
#e0f81d
```
#e0f81d rgb(224,248,29)
```
#e3f830
```
#e3f830 rgb(227,248,48)
```
#e5f943
```
#e5f943 rgb(229,249,67)
```
#e8f956
```
#e8f956 rgb(232,249,86)
```
#eafa69
```
#eafa69 rgb(234,250,105)
```
#edfb7c
```
#edfb7c rgb(237,251,124)
```
#f0fb8f
```
#f0fb8f rgb(240,251,143)
```
#f2fca2
```
#f2fca2 rgb(242,252,162)
```
#f5fdb5
```
#f5fdb5 rgb(245,253,181)
```
#f7fdc8
```
#f7fdc8 rgb(247,253,200)
```
#fafedb
```
#fafedb rgb(250,254,219)
```
#fdfeee
```
#fdfeee rgb(253,254,238)
```

Tint Color Variation

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

#6e6e6c
```
#6e6e6c rgb(110,110,108)
```
#757763
```
#757763 rgb(117,119,99)
```
#7b7f5b
```
#7b7f5b rgb(123,127,91)
```
#828852
```
#828852 rgb(130,136,82)
```
#88904a
```
#88904a rgb(136,144,74)
```
#8f9842
```
#8f9842 rgb(143,152,66)
```
#96a139
```
#96a139 rgb(150,161,57)
```
#9ca931
```
#9ca931 rgb(156,169,49)
```
#a3b129
```
#a3b129 rgb(163,177,41)
```
#a9ba20
```
#a9ba20 rgb(169,186,32)
```
#b0c218
```
#b0c218 rgb(176,194,24)
```
#b6cb0f
```
#b6cb0f rgb(182,203,15)
```
#bdd307
```
#bdd307 rgb(189,211,7)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b7bb92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3ca0b Protanopia 1% of men
#fcc02d Deuteranopia 1% of men
#d1c7d5 Tritanopia 0.001% of the population

Trichromacy

#d5cd09 Protanomaly 1% of men, 0.01% of women
#e5c71f Deuteranomaly 6% of men, 0.4% of women
#c9cb8a Tritanomaly 0.01% of the population