colorhexa.com

#bddb1d hex color

In a RGB color space, hex #bddb1d is composed of 74.1% red, 85.9% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 0% magenta, 86.8% yellow and 14.1% black. It has a hue angle of 69.5 degrees, a saturation of 76.6% and a lightness of 48.6%. #bddb1d color hex could be obtained by blending #ffff3a with #7bb700. Closest websafe color is: #cccc33.

- R 74
- G 86
- B 11
RGB color chart
- C 14
- M 0
- Y 87
- K 14
CMYK color chart

● #bddb1d color description : Vivid yellow.

The hexadecimal color #bddb1d has RGB values of R:189, G:219, B:29 and CMYK values of C:0.14, M:0, Y:0.87, K:0.14. Its decimal value is 12442397.

Hex triplet	bddb1d	`#bddb1d`
RGB Decimal	189, 219, 29	`rgb(189,219,29)`
RGB Percent	74.1, 85.9, 11.4	`rgb(74.1%,85.9%,11.4%)`
CMYK	14, 0, 87, 14
HSL	69.5°, 76.6, 48.6	`hsl(69.5,76.6%,48.6%)`
HSV (or HSB)	69.5°, 86.8, 85.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.684, -31.273, 78.155
XYZ	46.539, 61.57, 10.595
xyY	0.392, 0.519, 61.57
CIE-LCH	82.684, 84.18, 111.808
CIE-LUV	82.684, -12.933, 91.106
Hunter-Lab	78.467, -31.447, 46.921
Binary	10111101, 11011011, 00011101

#bddb1d
```
#bddb1d rgb(189,219,29)
```
#3b1ddb
```
#3b1ddb rgb(59,29,219)
```

Complementary Color

#db9a1d
```
#db9a1d rgb(219,154,29)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```
#5edb1d
```
#5edb1d rgb(94,219,29)
```

Analogous Color

#9a1ddb
```
#9a1ddb rgb(154,29,219)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```
#1d5edb
```
#1d5edb rgb(29,94,219)
```

Split Complementary Color

#db1dbd
```
#db1dbd rgb(219,29,189)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```
#1dbddb
```
#1dbddb rgb(29,189,219)
```

Triadic Color

#db3b1d
```
#db3b1d rgb(219,59,29)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```
#1dbddb
```
#1dbddb rgb(29,189,219)
```
#3b1ddb
```
#3b1ddb rgb(59,29,219)
```

Tetradic Color

#839714
```
#839714 rgb(131,151,20)
```
#96ae17
```
#96ae17 rgb(150,174,23)
```
#aac41a
```
#aac41a rgb(170,196,26)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```
#c7e32e
```
#c7e32e rgb(199,227,46)
```
#cde645
```
#cde645 rgb(205,230,69)
```
#d3e95b
```
#d3e95b rgb(211,233,91)
```

Monochromatic Color

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

#dbca1d
```
#dbca1d rgb(219,202,29)
```
#dbd91d
```
#dbd91d rgb(219,217,29)
```
#cddb1d
```
#cddb1d rgb(205,219,29)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```
#addb1d
```
#addb1d rgb(173,219,29)
```
#9ddb1d
```
#9ddb1d rgb(157,219,29)
```
#8edb1d
```
#8edb1d rgb(142,219,29)
```

Similar Colors

Text with hexadecimal color #bddb1d

This text has a font color of #bddb1d.

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

#bddb1d background color

This paragraph has a background color of #bddb1d.

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

#bddb1d border color

This element has a border color of #bddb1d.

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

CSS codes

.text {color:#bddb1d;}

.background {background-color:#bddb1d;}

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

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

#0a0b01
```
#0a0b01 rgb(10,11,1)
```
#191c04
```
#191c04 rgb(25,28,4)
```
#282e06
```
#282e06 rgb(40,46,6)
```
#363f08
```
#363f08 rgb(54,63,8)
```
#45500b
```
#45500b rgb(69,80,11)
```
#54620d
```
#54620d rgb(84,98,13)
```
#63730f
```
#63730f rgb(99,115,15)
```
#728412
```
#728412 rgb(114,132,18)
```
#819614
```
#819614 rgb(129,150,20)
```
#90a716
```
#90a716 rgb(144,167,22)
```
#9fb818
```
#9fb818 rgb(159,184,24)
```
#aeca1b
```
#aeca1b rgb(174,202,27)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```

Shade Color Variation

#c5e329
```
#c5e329 rgb(197,227,41)
```
#cae53a
```
#cae53a rgb(202,229,58)
```
#cfe74c
```
#cfe74c rgb(207,231,76)
```
#d3ea5d
```
#d3ea5d rgb(211,234,93)
```
#d8ec6e
```
#d8ec6e rgb(216,236,110)
```
#ddee80
```
#ddee80 rgb(221,238,128)
```
#e1f091
```
#e1f091 rgb(225,240,145)
```
#e6f3a2
```
#e6f3a2 rgb(230,243,162)
```
#ebf5b4
```
#ebf5b4 rgb(235,245,180)
```
#eff7c5
```
#eff7c5 rgb(239,247,197)
```
#f4fad6
```
#f4fad6 rgb(244,250,214)
```
#f9fce7
```
#f9fce7 rgb(249,252,231)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#828573
```
#828573 rgb(130,133,115)
```
#898f69
```
#898f69 rgb(137,143,105)
```
#8f9860
```
#8f9860 rgb(143,152,96)
```
#96a256
```
#96a256 rgb(150,162,86)
```
#9cab4d
```
#9cab4d rgb(156,171,77)
```
#a3b543
```
#a3b543 rgb(163,181,67)
```
#a9be3a
```
#a9be3a rgb(169,190,58)
```
#b0c830
```
#b0c830 rgb(176,200,48)
```
#b6d127
```
#b6d127 rgb(182,209,39)
```
#bddb1d
```
#bddb1d rgb(189,219,29)
```
#c4e513
```
#c4e513 rgb(196,229,19)
```
#caee0a
```
#caee0a rgb(202,238,10)
```
#d1f800
```
#d1f800 rgb(209,248,0)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bcc29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d025 Protanopia 1% of men
#ffc75c Deuteranopia 1% of men
#d2cedd Tritanopia 0.001% of the population

Trichromacy

#d9d422 Protanomaly 1% of men, 0.01% of women
#e7ce45 Deuteranomaly 6% of men, 0.4% of women
#cad297 Tritanomaly 0.01% of the population