#bdd348 hex color

In a RGB color space, hex #bdd348 is composed of 74.1% red, 82.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 65.9% yellow and 17.3% black. It has a hue angle of 69.5 degrees, a saturation of 61.2% and a lightness of 55.5%. #bdd348 color hex could be obtained by blending #ffff90 with #7ba700. Closest websafe color is: #cccc33.

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

● #bdd348 color description : Moderate yellow.

The hexadecimal color #bdd348 has RGB values of R:189, G:211, B:72 and CMYK values of C:0.1, M:0, Y:0.66, K:0.17. Its decimal value is 12440392.

Hex triplet	bdd348	`#bdd348`
RGB Decimal	189, 211, 72	`rgb(189,211,72)`
RGB Percent	74.1, 82.7, 28.2	`rgb(74.1%,82.7%,28.2%)`
CMYK	10, 0, 66, 17
HSL	69.5°, 61.2, 55.5	`hsl(69.5,61.2%,55.5%)`
HSV (or HSB)	69.5°, 65.9, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.669, -25.686, 63.591
XYZ	45.45, 57.875, 14.907
xyY	0.384, 0.49, 57.875
CIE-LCH	80.669, 68.583, 111.995
CIE-LUV	80.669, -8.526, 78.869
Hunter-Lab	76.076, -26.492, 41.635
Binary	10111101, 11010011, 01001000

#bdd348
```
#bdd348 rgb(189,211,72)
```
#5e48d3
```
#5e48d3 rgb(94,72,211)
```

Complementary Color

#d3a448
```
#d3a448 rgb(211,164,72)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#78d348
```
#78d348 rgb(120,211,72)
```

Analogous Color

#a448d3
```
#a448d3 rgb(164,72,211)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#4878d3
```
#4878d3 rgb(72,120,211)
```

Split Complementary Color

#d348bd
```
#d348bd rgb(211,72,189)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#48bdd3
```
#48bdd3 rgb(72,189,211)
```

Triadic Color

#d35e48
```
#d35e48 rgb(211,94,72)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#48bdd3
```
#48bdd3 rgb(72,189,211)
```
#5e48d3
```
#5e48d3 rgb(94,72,211)
```

Tetradic Color

#92a628
```
#92a628 rgb(146,166,40)
```
#a5bb2d
```
#a5bb2d rgb(165,187,45)
```
#b6ce33
```
#b6ce33 rgb(182,206,51)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#c4d85d
```
#c4d85d rgb(196,216,93)
```
#ccdd71
```
#ccdd71 rgb(204,221,113)
```
#d3e286
```
#d3e286 rgb(211,226,134)
```

Monochromatic Color

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

#d3c648
```
#d3c648 rgb(211,198,72)
```
#d3d248
```
#d3d248 rgb(211,210,72)
```
#c9d348
```
#c9d348 rgb(201,211,72)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#b1d348
```
#b1d348 rgb(177,211,72)
```
#a6d348
```
#a6d348 rgb(166,211,72)
```
#9ad348
```
#9ad348 rgb(154,211,72)
```

Similar Colors

Text with hexadecimal color #bdd348

This text has a font color of #bdd348.

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

#bdd348 background color

This paragraph has a background color of #bdd348.

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

#bdd348 border color

This element has a border color of #bdd348.

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

CSS codes

.text {color:#bdd348;}

.background {background-color:#bdd348;}

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

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

#060702
```
#060702 rgb(6,7,2)
```
#141705
```
#141705 rgb(20,23,5)
```
#222609
```
#222609 rgb(34,38,9)
```
#30360d
```
#30360d rgb(48,54,13)
```
#3e4611
```
#3e4611 rgb(62,70,17)
```
#4c5615
```
#4c5615 rgb(76,86,21)
```
#596618
```
#596618 rgb(89,102,24)
```
#67751c
```
#67751c rgb(103,117,28)
```
#758520
```
#758520 rgb(117,133,32)
```
#839524
```
#839524 rgb(131,149,36)
```
#91a528
```
#91a528 rgb(145,165,40)
```
#9fb52b
```
#9fb52b rgb(159,181,43)
```
#adc52f
```
#adc52f rgb(173,197,47)
```

Shade Color Variation

#b7cf38
```
#b7cf38 rgb(183,207,56)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#c3d758
```
#c3d758 rgb(195,215,88)
```
#c8db68
```
#c8db68 rgb(200,219,104)
```
#cede77
```
#cede77 rgb(206,222,119)
```
#d4e287
```
#d4e287 rgb(212,226,135)
```
#dae697
```
#dae697 rgb(218,230,151)
```
#dfeaa7
```
#dfeaa7 rgb(223,234,167)
```
#e5eeb7
```
#e5eeb7 rgb(229,238,183)
```
#ebf1c7
```
#ebf1c7 rgb(235,241,199)
```
#f0f5d6
```
#f0f5d6 rgb(240,245,214)
```
#f6f9e6
```
#f6f9e6 rgb(246,249,230)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#939685
```
#939685 rgb(147,150,133)
```
#999f7c
```
#999f7c rgb(153,159,124)
```
#9fa774
```
#9fa774 rgb(159,167,116)
```
#a5b06b
```
#a5b06b rgb(165,176,107)
```
#abb962
```
#abb962 rgb(171,185,98)
```
#b1c259
```
#b1c259 rgb(177,194,89)
```
#b7ca51
```
#b7ca51 rgb(183,202,81)
```
#bdd348
```
#bdd348 rgb(189,211,72)
```
#c3dc3f
```
#c3dc3f rgb(195,220,63)
```
#c9e437
```
#c9e437 rgb(201,228,55)
```
#cfed2e
```
#cfed2e rgb(207,237,46)
```
#d5f625
```
#d5f625 rgb(213,246,37)
```
#dbff1c
```
#dbff1c rgb(219,255,28)
```

Tone Color Variation

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

Dichromacy

#e1cb4e Protanopia 1% of men
#fac159 Deuteranopia 1% of men
#d0c8d6 Tritanopia 0.001% of the population

Trichromacy

#d4ce4c Protanomaly 1% of men, 0.01% of women
#e3c853 Deuteranomaly 6% of men, 0.4% of women
#c9cca2 Tritanomaly 0.01% of the population

#bdd348 hex color

#bdd348 Color Information

#bdd348 Color Conversion

Color Schemes with #bdd348

Alternatives to #bdd348

#bdd348 Preview

Shades and Tints of #bdd348

Tones of #bdd348

Color Blindness Simulator