colorhexa.com

#bde20d hex color

In a RGB color space, hex #bde20d is composed of 74.1% red, 88.6% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 94.2% yellow and 11.4% black. It has a hue angle of 70.4 degrees, a saturation of 89.1% and a lightness of 46.9%. #bde20d color hex could be obtained by blending #ffff1a with #7bc500. Closest websafe color is: #cccc00.

- R 74
- G 89
- B 5
RGB color chart
- C 16
- M 0
- Y 94
- K 11
CMYK color chart

● #bde20d color description : Vivid yellow.

The hexadecimal color #bde20d has RGB values of R:189, G:226, B:13 and CMYK values of C:0.16, M:0, Y:0.94, K:0.11. Its decimal value is 12444173.

Hex triplet	bde20d	`#bde20d`
RGB Decimal	189, 226, 13	`rgb(189,226,13)`
RGB Percent	74.1, 88.6, 5.1	`rgb(74.1%,88.6%,5.1%)`
CMYK	16, 0, 94, 11
HSL	70.4°, 89.1, 46.9	`hsl(70.4,89.1%,46.9%)`
HSV (or HSB)	70.4°, 94.2, 88.6
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.607, -34.777, 81.947
XYZ	48.255, 65.24, 10.431
xyY	0.389, 0.526, 65.24
CIE-LCH	84.607, 89.021, 112.996
CIE-LUV	84.607, -16.969, 95.204
Hunter-Lab	80.771, -34.71, 48.883
Binary	10111101, 11100010, 00001101

#bde20d
```
#bde20d rgb(189,226,13)
```
#320de2
```
#320de2 rgb(50,13,226)
```

Complementary Color

#e29d0d
```
#e29d0d rgb(226,157,13)
```
#bde20d
```
#bde20d rgb(189,226,13)
```
#52e20d
```
#52e20d rgb(82,226,13)
```

Analogous Color

#9d0de2
```
#9d0de2 rgb(157,13,226)
```
#bde20d
```
#bde20d rgb(189,226,13)
```
#0d52e2
```
#0d52e2 rgb(13,82,226)
```

Split Complementary Color

#e20dbd
```
#e20dbd rgb(226,13,189)
```
#bde20d
```
#bde20d rgb(189,226,13)
```
#0dbde2
```
#0dbde2 rgb(13,189,226)
```

Triadic Color

#e2320d
```
#e2320d rgb(226,50,13)
```
#bde20d
```
#bde20d rgb(189,226,13)
```
#0dbde2
```
#0dbde2 rgb(13,189,226)
```
#320de2
```
#320de2 rgb(50,13,226)
```

Tetradic Color

#819a09
```
#819a09 rgb(129,154,9)
```
#95b20a
```
#95b20a rgb(149,178,10)
```
#a9ca0c
```
#a9ca0c rgb(169,202,12)
```
#bde20d
```
#bde20d rgb(189,226,13)
```
#ccf217
```
#ccf217 rgb(204,242,23)
```
#d1f32f
```
#d1f32f rgb(209,243,47)
```
#d6f447
```
#d6f447 rgb(214,244,71)
```

Monochromatic Color

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

#e2d20d
```
#e2d20d rgb(226,210,13)
```
#e1e20d
```
#e1e20d rgb(225,226,13)
```
#cfe20d
```
#cfe20d rgb(207,226,13)
```
#bde20d
```
#bde20d rgb(189,226,13)
```
#abe20d
```
#abe20d rgb(171,226,13)
```
#9ae20d
```
#9ae20d rgb(154,226,13)
```
#88e20d
```
#88e20d rgb(136,226,13)
```

Similar Colors

Text with hexadecimal color #bde20d

This text has a font color of #bde20d.

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

#bde20d background color

This paragraph has a background color of #bde20d.

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

#bde20d border color

This element has a border color of #bde20d.

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

CSS codes

.text {color:#bde20d;}

.background {background-color:#bde20d;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#121601
```
#121601 rgb(18,22,1)
```
#222902
```
#222902 rgb(34,41,2)
```
#313b03
```
#313b03 rgb(49,59,3)
```
#414e04
```
#414e04 rgb(65,78,4)
```
#506006
```
#506006 rgb(80,96,6)
```
#607307
```
#607307 rgb(96,115,7)
```
#6f8508
```
#6f8508 rgb(111,133,8)
```
#7f9809
```
#7f9809 rgb(127,152,9)
```
#8eaa0a
```
#8eaa0a rgb(142,170,10)
```
#9ebd0b
```
#9ebd0b rgb(158,189,11)
```
#adcf0c
```
#adcf0c rgb(173,207,12)
```
#bde20d
```
#bde20d rgb(189,226,13)
```

Shade Color Variation

#caf111
```
#caf111 rgb(202,241,17)
```
#cff224
```
#cff224 rgb(207,242,36)
```
#d3f336
```
#d3f336 rgb(211,243,54)
```
#d7f549
```
#d7f549 rgb(215,245,73)
```
#dbf65b
```
#dbf65b rgb(219,246,91)
```
#dff76e
```
#dff76e rgb(223,247,110)
```
#e3f881
```
#e3f881 rgb(227,248,129)
```
#e7f993
```
#e7f993 rgb(231,249,147)
```
#ebfaa6
```
#ebfaa6 rgb(235,250,166)
```
#effbb8
```
#effbb8 rgb(239,251,184)
```
#f3fccb
```
#f3fccb rgb(243,252,203)
```
#f8fddd
```
#f8fddd rgb(248,253,221)
```
#fcfef0
```
#fcfef0 rgb(252,254,240)
```

Tint Color Variation

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

#7b7d72
```
#7b7d72 rgb(123,125,114)
```
#818669
```
#818669 rgb(129,134,105)
```
#878f60
```
#878f60 rgb(135,143,96)
```
#8d9857
```
#8d9857 rgb(141,152,87)
```
#93a24d
```
#93a24d rgb(147,162,77)
```
#99ab44
```
#99ab44 rgb(153,171,68)
```
#9fb43b
```
#9fb43b rgb(159,180,59)
```
#a5bd32
```
#a5bd32 rgb(165,189,50)
```
#abc629
```
#abc629 rgb(171,198,41)
```
#b1d01f
```
#b1d01f rgb(177,208,31)
```
#b7d916
```
#b7d916 rgb(183,217,22)
```
#bde20d
```
#bde20d rgb(189,226,13)
```
#c3eb04
```
#c3eb04 rgb(195,235,4)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bfc69b Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd512 Protanopia 1% of men
#ffcd7a Deuteranopia 1% of men
#d3d4e3 Tritanopia 0.001% of the population

Trichromacy

#ddda10 Protanomaly 1% of men, 0.01% of women
#e7d552 Deuteranomaly 6% of men, 0.4% of women
#cbd995 Tritanomaly 0.01% of the population