#bdd303 hex color

In a RGB color space, hex #bdd303 is composed of 74.1% red, 82.7% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 98.6% yellow and 17.3% black. It has a hue angle of 66.3 degrees, a saturation of 97.2% and a lightness of 42%. #bdd303 color hex could be obtained by blending #ffff06 with #7ba700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 83
- B 1
RGB color chart
- C 10
- M 0
- Y 99
- K 17
CMYK color chart

● #bdd303 color description : Strong yellow.

The hexadecimal color #bdd303 has RGB values of R:189, G:211, B:3 and CMYK values of C:0.1, M:0, Y:0.99, K:0.17. Its decimal value is 12440323.

Hex triplet	bdd303	`#bdd303`
RGB Decimal	189, 211, 3	`rgb(189,211,3)`
RGB Percent	74.1, 82.7, 1.2	`rgb(74.1%,82.7%,1.2%)`
CMYK	10, 0, 99, 17
HSL	66.3°, 97.2, 42	`hsl(66.3,97.2%,42%)`
HSV (or HSB)	66.3°, 98.6, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.412, -27.911, 79.643
XYZ	44.297, 57.414, 8.835
xyY	0.401, 0.519, 57.414
CIE-LCH	80.412, 84.392, 109.313
CIE-LUV	80.412, -8.077, 89.989
Hunter-Lab	75.772, -28.249, 46.128
Binary	10111101, 11010011, 00000011

#bdd303
```
#bdd303 rgb(189,211,3)
```
#1903d3
```
#1903d3 rgb(25,3,211)
```

Complementary Color

#d38103
```
#d38103 rgb(211,129,3)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```
#55d303
```
#55d303 rgb(85,211,3)
```

Analogous Color

#8103d3
```
#8103d3 rgb(129,3,211)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```
#0355d3
```
#0355d3 rgb(3,85,211)
```

Split Complementary Color

#d303bd
```
#d303bd rgb(211,3,189)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```
#03bdd3
```
#03bdd3 rgb(3,189,211)
```

Triadic Color

#d31903
```
#d31903 rgb(211,25,3)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```
#03bdd3
```
#03bdd3 rgb(3,189,211)
```
#1903d3
```
#1903d3 rgb(25,3,211)
```

Tetradic Color

#798802
```
#798802 rgb(121,136,2)
```
#90a102
```
#90a102 rgb(144,161,2)
```
#a6ba03
```
#a6ba03 rgb(166,186,3)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```
#d4ec03
```
#d4ec03 rgb(212,236,3)
```
#e2fc0d
```
#e2fc0d rgb(226,252,13)
```
#e5fc27
```
#e5fc27 rgb(229,252,39)
```

Monochromatic Color

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

#d3b503
```
#d3b503 rgb(211,181,3)
```
#d3c603
```
#d3c603 rgb(211,198,3)
```
#ced303
```
#ced303 rgb(206,211,3)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```
#acd303
```
#acd303 rgb(172,211,3)
```
#9ad303
```
#9ad303 rgb(154,211,3)
```
#89d303
```
#89d303 rgb(137,211,3)
```

Similar Colors

Text with hexadecimal color #bdd303

This text has a font color of #bdd303.

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

#bdd303 background color

This paragraph has a background color of #bdd303.

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

#bdd303 border color

This element has a border color of #bdd303.

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

CSS codes

.text {color:#bdd303;}

.background {background-color:#bdd303;}

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

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

#101200
```
#101200 rgb(16,18,0)
```
#212501
```
#212501 rgb(33,37,1)
```
#323801
```
#323801 rgb(50,56,1)
```
#444c01
```
#444c01 rgb(68,76,1)
```
#555f01
```
#555f01 rgb(85,95,1)
```
#667202
```
#667202 rgb(102,114,2)
```
#788602
```
#788602 rgb(120,134,2)
```
#899902
```
#899902 rgb(137,153,2)
```
#9aac02
```
#9aac02 rgb(154,172,2)
```
#acc003
```
#acc003 rgb(172,192,3)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```
#cee603
```
#cee603 rgb(206,230,3)
```
#e0fa04
```
#e0fa04 rgb(224,250,4)
```

Shade Color Variation

#e3fc15
```
#e3fc15 rgb(227,252,21)
```
#e6fc29
```
#e6fc29 rgb(230,252,41)
```
#e8fc3c
```
#e8fc3c rgb(232,252,60)
```
#eafd4f
```
#eafd4f rgb(234,253,79)
```
#ecfd63
```
#ecfd63 rgb(236,253,99)
```
#effd76
```
#effd76 rgb(239,253,118)
```
#f1fd89
```
#f1fd89 rgb(241,253,137)
```
#f3fe9d
```
#f3fe9d rgb(243,254,157)
```
#f6feb0
```
#f6feb0 rgb(246,254,176)
```
#f8fec3
```
#f8fec3 rgb(248,254,195)
```
#fafed7
```
#fafed7 rgb(250,254,215)
```
#fdffea
```
#fdffea rgb(253,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#6f7066
```
#6f7066 rgb(111,112,102)
```
#76785e
```
#76785e rgb(118,120,94)
```
#7c8155
```
#7c8155 rgb(124,129,85)
```
#83894d
```
#83894d rgb(131,137,77)
```
#899145
```
#899145 rgb(137,145,69)
```
#90993d
```
#90993d rgb(144,153,61)
```
#96a234
```
#96a234 rgb(150,162,52)
```
#9daa2c
```
#9daa2c rgb(157,170,44)
```
#a3b224
```
#a3b224 rgb(163,178,36)
```
#aaba1c
```
#aaba1c rgb(170,186,28)
```
#b0c313
```
#b0c313 rgb(176,195,19)
```
#b7cb0b
```
#b7cb0b rgb(183,203,11)
```
#bdd303
```
#bdd303 rgb(189,211,3)
```

Tone Color Variation

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

Dichromacy

#e3ca00 Protanopia 1% of men
#fcc02b Deuteranopia 1% of men
#d1c7d5 Tritanopia 0.001% of the population

Trichromacy

#d5cd01 Protanomaly 1% of men, 0.01% of women
#e5c71c Deuteranomaly 6% of men, 0.4% of women
#c9cb88 Tritanomaly 0.01% of the population

#bdd303 hex color

#bdd303 Color Information

#bdd303 Color Conversion

Color Schemes with #bdd303

Alternatives to #bdd303

#bdd303 Preview

Shades and Tints of #bdd303

Tones of #bdd303

Color Blindness Simulator