#bddf0b hex color

In a RGB color space, hex #bddf0b is composed of 74.1% red, 87.5% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 95.1% yellow and 12.5% black. It has a hue angle of 69.6 degrees, a saturation of 90.6% and a lightness of 45.9%. #bddf0b color hex could be obtained by blending #ffff16 with #7bbf00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 87
- B 4
RGB color chart
- C 15
- M 0
- Y 95
- K 13
CMYK color chart

● #bddf0b color description : Vivid yellow.

The hexadecimal color #bddf0b has RGB values of R:189, G:223, B:11 and CMYK values of C:0.15, M:0, Y:0.95, K:0.13. Its decimal value is 12443403.

Hex triplet	bddf0b	`#bddf0b`
RGB Decimal	189, 223, 11	`rgb(189,223,11)`
RGB Percent	74.1, 87.5, 4.3	`rgb(74.1%,87.5%,4.3%)`
CMYK	15, 0, 95, 13
HSL	69.6°, 90.6, 45.9	`hsl(69.6,90.6%,45.9%)`
HSV (or HSB)	69.6°, 95.1, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.767, -33.427, 81.484
XYZ	47.434, 63.618, 10.097
xyY	0.392, 0.525, 63.618
CIE-LCH	83.767, 88.074, 112.305
CIE-LUV	83.767, -15.231, 94.167
Hunter-Lab	79.761, -33.427, 48.327
Binary	10111101, 11011111, 00001011

#bddf0b
```
#bddf0b rgb(189,223,11)
```
#2d0bdf
```
#2d0bdf rgb(45,11,223)
```

Complementary Color

#df970b
```
#df970b rgb(223,151,11)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#53df0b
```
#53df0b rgb(83,223,11)
```

Analogous Color

#970bdf
```
#970bdf rgb(151,11,223)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#0b53df
```
#0b53df rgb(11,83,223)
```

Split Complementary Color

#df0bbd
```
#df0bbd rgb(223,11,189)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#0bbddf
```
#0bbddf rgb(11,189,223)
```

Triadic Color

#df2d0b
```
#df2d0b rgb(223,45,11)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#0bbddf
```
#0bbddf rgb(11,189,223)
```
#2d0bdf
```
#2d0bdf rgb(45,11,223)
```

Tetradic Color

#7f9607
```
#7f9607 rgb(127,150,7)
```
#94ae09
```
#94ae09 rgb(148,174,9)
```
#a8c70a
```
#a8c70a rgb(168,199,10)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#cff310
```
#cff310 rgb(207,243,16)
```
#d4f429
```
#d4f429 rgb(212,244,41)
```
#d9f641
```
#d9f641 rgb(217,246,65)
```

Monochromatic Color

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

#dfcc0b
```
#dfcc0b rgb(223,204,11)
```
#dfde0b
```
#dfde0b rgb(223,222,11)
```
#cfdf0b
```
#cfdf0b rgb(207,223,11)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#abdf0b
```
#abdf0b rgb(171,223,11)
```
#9adf0b
```
#9adf0b rgb(154,223,11)
```
#88df0b
```
#88df0b rgb(136,223,11)
```

Similar Colors

Text with hexadecimal color #bddf0b

This text has a font color of #bddf0b.

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

#bddf0b background color

This paragraph has a background color of #bddf0b.

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

#bddf0b border color

This element has a border color of #bddf0b.

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

CSS codes

.text {color:#bddf0b;}

.background {background-color:#bddf0b;}

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

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

#0f1101
```
#0f1101 rgb(15,17,1)
```
#1f2402
```
#1f2402 rgb(31,36,2)
```
#2e3703
```
#2e3703 rgb(46,55,3)
```
#3e4904
```
#3e4904 rgb(62,73,4)
```
#4e5c05
```
#4e5c05 rgb(78,92,5)
```
#5e6f05
```
#5e6f05 rgb(94,111,5)
```
#6e8206
```
#6e8206 rgb(110,130,6)
```
#7e9407
```
#7e9407 rgb(126,148,7)
```
#8da708
```
#8da708 rgb(141,167,8)
```
#9dba09
```
#9dba09 rgb(157,186,9)
```
#adcc0a
```
#adcc0a rgb(173,204,10)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#cdf20c
```
#cdf20c rgb(205,242,12)
```

Shade Color Variation

#d1f41d
```
#d1f41d rgb(209,244,29)
```
#d5f530
```
#d5f530 rgb(213,245,48)
```
#d9f643
```
#d9f643 rgb(217,246,67)
```
#ddf755
```
#ddf755 rgb(221,247,85)
```
#e1f868
```
#e1f868 rgb(225,248,104)
```
#e4f87b
```
#e4f87b rgb(228,248,123)
```
#e8f98e
```
#e8f98e rgb(232,249,142)
```
#ecfaa0
```
#ecfaa0 rgb(236,250,160)
```
#f0fbb3
```
#f0fbb3 rgb(240,251,179)
```
#f3fcc6
```
#f3fcc6 rgb(243,252,198)
```
#f7fdd8
```
#f7fdd8 rgb(247,253,216)
```
#fbfeeb
```
#fbfeeb rgb(251,254,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7a7c6e
```
#7a7c6e rgb(122,124,110)
```
#808565
```
#808565 rgb(128,133,101)
```
#868e5c
```
#868e5c rgb(134,142,92)
```
#8c9753
```
#8c9753 rgb(140,151,83)
```
#92a04a
```
#92a04a rgb(146,160,74)
```
#98a941
```
#98a941 rgb(152,169,65)
```
#9eb238
```
#9eb238 rgb(158,178,56)
```
#a5bb2f
```
#a5bb2f rgb(165,187,47)
```
#abc426
```
#abc426 rgb(171,196,38)
```
#b1cd1d
```
#b1cd1d rgb(177,205,29)
```
#b7d614
```
#b7d614 rgb(183,214,20)
```
#bddf0b
```
#bddf0b rgb(189,223,11)
```
#c3e802
```
#c3e802 rgb(195,232,2)
```

Tone Color Variation

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

Dichromacy

#edd30f Protanopia 1% of men
#ffcb6e Deuteranopia 1% of men
#d3d1e0 Tritanopia 0.001% of the population

Trichromacy

#dbd70e Protanomaly 1% of men, 0.01% of women
#e7d24a Deuteranomaly 6% of men, 0.4% of women
#cbd692 Tritanomaly 0.01% of the population

#bddf0b hex color

#bddf0b Color Information

#bddf0b Color Conversion

Color Schemes with #bddf0b

Alternatives to #bddf0b

#bddf0b Preview

Shades and Tints of #bddf0b

Tones of #bddf0b

Color Blindness Simulator