#bdd358 hex color

In a RGB color space, hex #bdd358 is composed of 74.1% red, 82.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 58.3% yellow and 17.3% black. It has a hue angle of 70.7 degrees, a saturation of 58.3% and a lightness of 58.6%. #bdd358 color hex could be obtained by blending #ffffb0 with #7ba700. Closest websafe color is: #cccc66.

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

● #bdd358 color description : Moderate yellow.

The hexadecimal color #bdd358 has RGB values of R:189, G:211, B:88 and CMYK values of C:0.1, M:0, Y:0.58, K:0.17. Its decimal value is 12440408.

Hex triplet	bdd358	`#bdd358`
RGB Decimal	189, 211, 88	`rgb(189,211,88)`
RGB Percent	74.1, 82.7, 34.5	`rgb(74.1%,82.7%,34.5%)`
CMYK	10, 0, 58, 17
HSL	70.7°, 58.3, 58.6	`hsl(70.7,58.3%,58.6%)`
HSV (or HSB)	70.7°, 58.3, 82.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.801, -24.564, 57.085
XYZ	46.041, 58.112, 18.023
xyY	0.377, 0.476, 58.112
CIE-LCH	80.801, 62.146, 113.283
CIE-LUV	80.801, -8.748, 73.375
Hunter-Lab	76.231, -25.596, 39.344
Binary	10111101, 11010011, 01011000

#bdd358
```
#bdd358 rgb(189,211,88)
```
#6e58d3
```
#6e58d3 rgb(110,88,211)
```

Complementary Color

#d3ac58
```
#d3ac58 rgb(211,172,88)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#80d358
```
#80d358 rgb(128,211,88)
```

Analogous Color

#ac58d3
```
#ac58d3 rgb(172,88,211)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#5880d3
```
#5880d3 rgb(88,128,211)
```

Split Complementary Color

#d358bd
```
#d358bd rgb(211,88,189)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#58bdd3
```
#58bdd3 rgb(88,189,211)
```

Triadic Color

#d36e58
```
#d36e58 rgb(211,110,88)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#58bdd3
```
#58bdd3 rgb(88,189,211)
```
#6e58d3
```
#6e58d3 rgb(110,88,211)
```

Tetradic Color

#99b02e
```
#99b02e rgb(153,176,46)
```
#aac434
```
#aac434 rgb(170,196,52)
```
#b5ce44
```
#b5ce44 rgb(181,206,68)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#c5d86c
```
#c5d86c rgb(197,216,108)
```
#cdde80
```
#cdde80 rgb(205,222,128)
```
#d5e395
```
#d5e395 rgb(213,227,149)
```

Monochromatic Color

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

#d3ca58
```
#d3ca58 rgb(211,202,88)
```
#d2d358
```
#d2d358 rgb(210,211,88)
```
#c7d358
```
#c7d358 rgb(199,211,88)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#b3d358
```
#b3d358 rgb(179,211,88)
```
#a9d358
```
#a9d358 rgb(169,211,88)
```
#9ed358
```
#9ed358 rgb(158,211,88)
```

Similar Colors

Text with hexadecimal color #bdd358

This text has a font color of #bdd358.

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

#bdd358 background color

This paragraph has a background color of #bdd358.

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

#bdd358 border color

This element has a border color of #bdd358.

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

CSS codes

.text {color:#bdd358;}

.background {background-color:#bdd358;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#111305
```
#111305 rgb(17,19,5)
```
#1e2309
```
#1e2309 rgb(30,35,9)
```
#2c320d
```
#2c320d rgb(44,50,13)
```
#394211
```
#394211 rgb(57,66,17)
```
#475115
```
#475115 rgb(71,81,21)
```
#54611a
```
#54611a rgb(84,97,26)
```
#62701e
```
#62701e rgb(98,112,30)
```
#6f8022
```
#6f8022 rgb(111,128,34)
```
#7d8f26
```
#7d8f26 rgb(125,143,38)
```
#8a9f2a
```
#8a9f2a rgb(138,159,42)
```
#98af2e
```
#98af2e rgb(152,175,46)
```
#a5be32
```
#a5be32 rgb(165,190,50)
```

Shade Color Variation

#b1cb39
```
#b1cb39 rgb(177,203,57)
```
#b7cf48
```
#b7cf48 rgb(183,207,72)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#c3d768
```
#c3d768 rgb(195,215,104)
```
#c9db77
```
#c9db77 rgb(201,219,119)
```
#cfdf87
```
#cfdf87 rgb(207,223,135)
```
#d6e396
```
#d6e396 rgb(214,227,150)
```
#dce7a6
```
#dce7a6 rgb(220,231,166)
```
#e2ecb5
```
#e2ecb5 rgb(226,236,181)
```
#e8f0c5
```
#e8f0c5 rgb(232,240,197)
```
#eef4d4
```
#eef4d4 rgb(238,244,212)
```
#f4f8e4
```
#f4f8e4 rgb(244,248,228)
```
#fafcf3
```
#fafcf3 rgb(250,252,243)
```

Tint Color Variation

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

#999a91
```
#999a91 rgb(153,154,145)
```
#9ea289
```
#9ea289 rgb(158,162,137)
```
#a3aa81
```
#a3aa81 rgb(163,170,129)
```
#a8b378
```
#a8b378 rgb(168,179,120)
```
#adbb70
```
#adbb70 rgb(173,187,112)
```
#b3c368
```
#b3c368 rgb(179,195,104)
```
#b8cb60
```
#b8cb60 rgb(184,203,96)
```
#bdd358
```
#bdd358 rgb(189,211,88)
```
#c2db50
```
#c2db50 rgb(194,219,80)
```
#c7e348
```
#c7e348 rgb(199,227,72)
```
#cdeb40
```
#cdeb40 rgb(205,235,64)
```
#d2f338
```
#d2f338 rgb(210,243,56)
```
#d7fc2f
```
#d7fc2f rgb(215,252,47)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bec2aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cb5d Protanopia 1% of men
#f8c267 Deuteranopia 1% of men
#cfc8d7 Tritanopia 0.001% of the population

Trichromacy

#d4ce5b Protanomaly 1% of men, 0.01% of women
#e2c861 Deuteranomaly 6% of men, 0.4% of women
#c8cca8 Tritanomaly 0.01% of the population

#bdd358 hex color

#bdd358 Color Information

#bdd358 Color Conversion

Color Schemes with #bdd358

Alternatives to #bdd358

#bdd358 Preview

Shades and Tints of #bdd358

Tones of #bdd358

Color Blindness Simulator