#bddd0f hex color

In a RGB color space, hex #bddd0f is composed of 74.1% red, 86.7% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 93.2% yellow and 13.3% black. It has a hue angle of 69.3 degrees, a saturation of 87.3% and a lightness of 46.3%. #bddd0f color hex could be obtained by blending #ffff1e with #7bbb00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 87
- B 6
RGB color chart
- C 14
- M 0
- Y 93
- K 13
CMYK color chart

● #bddd0f color description : Vivid yellow.

The hexadecimal color #bddd0f has RGB values of R:189, G:221, B:15 and CMYK values of C:0.14, M:0, Y:0.93, K:0.13. Its decimal value is 12442895.

Hex triplet	bddd0f	`#bddd0f`
RGB Decimal	189, 221, 15	`rgb(189,221,15)`
RGB Percent	74.1, 86.7, 5.9	`rgb(74.1%,86.7%,5.9%)`
CMYK	14, 0, 93, 13
HSL	69.3°, 87.3, 46.3	`hsl(69.3,87.3%,46.3%)`
HSV (or HSB)	69.3°, 93.2, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.214, -32.457, 80.654
XYZ	46.929, 62.566, 10.056
xyY	0.393, 0.523, 62.566
CIE-LCH	83.214, 86.94, 111.921
CIE-LUV	83.214, -14.07, 93.158
Hunter-Lab	79.099, -32.52, 47.831
Binary	10111101, 11011101, 00001111

#bddd0f
```
#bddd0f rgb(189,221,15)
```
#2f0fdd
```
#2f0fdd rgb(47,15,221)
```

Complementary Color

#dd960f
```
#dd960f rgb(221,150,15)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```
#56dd0f
```
#56dd0f rgb(86,221,15)
```

Analogous Color

#960fdd
```
#960fdd rgb(150,15,221)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```
#0f56dd
```
#0f56dd rgb(15,86,221)
```

Split Complementary Color

#dd0fbd
```
#dd0fbd rgb(221,15,189)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```
#0fbddd
```
#0fbddd rgb(15,189,221)
```

Triadic Color

#dd2f0f
```
#dd2f0f rgb(221,47,15)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```
#0fbddd
```
#0fbddd rgb(15,189,221)
```
#2f0fdd
```
#2f0fdd rgb(47,15,221)
```

Tetradic Color

#80950a
```
#80950a rgb(128,149,10)
```
#94ad0c
```
#94ad0c rgb(148,173,12)
```
#a9c50d
```
#a9c50d rgb(169,197,13)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```
#ceef16
```
#ceef16 rgb(206,239,22)
```
#d3f12e
```
#d3f12e rgb(211,241,46)
```
#d8f246
```
#d8f246 rgb(216,242,70)
```

Monochromatic Color

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

#ddca0f
```
#ddca0f rgb(221,202,15)
```
#dddb0f
```
#dddb0f rgb(221,219,15)
```
#cedd0f
```
#cedd0f rgb(206,221,15)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```
#acdd0f
```
#acdd0f rgb(172,221,15)
```
#9bdd0f
```
#9bdd0f rgb(155,221,15)
```
#8add0f
```
#8add0f rgb(138,221,15)
```

Similar Colors

Text with hexadecimal color #bddd0f

This text has a font color of #bddd0f.

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

#bddd0f background color

This paragraph has a background color of #bddd0f.

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

#bddd0f border color

This element has a border color of #bddd0f.

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

CSS codes

.text {color:#bddd0f;}

.background {background-color:#bddd0f;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#101301
```
#101301 rgb(16,19,1)
```
#202503
```
#202503 rgb(32,37,3)
```
#303804
```
#303804 rgb(48,56,4)
```
#3f4a05
```
#3f4a05 rgb(63,74,5)
```
#4f5c06
```
#4f5c06 rgb(79,92,6)
```
#5f6f08
```
#5f6f08 rgb(95,111,8)
```
#6e8109
```
#6e8109 rgb(110,129,9)
```
#7e940a
```
#7e940a rgb(126,148,10)
```
#8ea60b
```
#8ea60b rgb(142,166,11)
```
#9eb80d
```
#9eb80d rgb(158,184,13)
```
#adcb0e
```
#adcb0e rgb(173,203,14)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```

Shade Color Variation

#ccef11
```
#ccef11 rgb(204,239,17)
```
#d0f023
```
#d0f023 rgb(208,240,35)
```
#d4f136
```
#d4f136 rgb(212,241,54)
```
#d8f348
```
#d8f348 rgb(216,243,72)
```
#dcf45a
```
#dcf45a rgb(220,244,90)
```
#e0f56d
```
#e0f56d rgb(224,245,109)
```
#e4f67f
```
#e4f67f rgb(228,246,127)
```
#e8f891
```
#e8f891 rgb(232,248,145)
```
#ecf9a4
```
#ecf9a4 rgb(236,249,164)
```
#effab6
```
#effab6 rgb(239,250,182)
```
#f3fbc8
```
#f3fbc8 rgb(243,251,200)
```
#f7fddb
```
#f7fddb rgb(247,253,219)
```
#fbfeed
```
#fbfeed rgb(251,254,237)
```

Tint Color Variation

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

#787973
```
#787973 rgb(120,121,115)
```
#7e826a
```
#7e826a rgb(126,130,106)
```
#858b61
```
#858b61 rgb(133,139,97)
```
#8b9458
```
#8b9458 rgb(139,148,88)
```
#919d4f
```
#919d4f rgb(145,157,79)
```
#97a745
```
#97a745 rgb(151,167,69)
```
#9eb03c
```
#9eb03c rgb(158,176,60)
```
#a4b933
```
#a4b933 rgb(164,185,51)
```
#aac22a
```
#aac22a rgb(170,194,42)
```
#b0cb21
```
#b0cb21 rgb(176,203,33)
```
#b7d418
```
#b7d418 rgb(183,212,24)
```
#bddd0f
```
#bddd0f rgb(189,221,15)
```
#c3e606
```
#c3e606 rgb(195,230,6)
```

Tone Color Variation

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

Dichromacy

#ebd215 Protanopia 1% of men
#ffc965 Deuteranopia 1% of men
#d3cfde Tritanopia 0.001% of the population

Trichromacy

#dad613 Protanomaly 1% of men, 0.01% of women
#e7d045 Deuteranomaly 6% of men, 0.4% of women
#cbd493 Tritanomaly 0.01% of the population

#bddd0f hex color

#bddd0f Color Information

#bddd0f Color Conversion

Color Schemes with #bddd0f

Alternatives to #bddd0f

#bddd0f Preview

Shades and Tints of #bddd0f

Tones of #bddd0f

Color Blindness Simulator