#bad5bd hex color

In a RGB color space, hex #bad5bd is composed of 72.9% red, 83.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 0% magenta, 11.3% yellow and 16.5% black. It has a hue angle of 126.7 degrees, a saturation of 24.3% and a lightness of 78.2%. #bad5bd color hex could be obtained by blending #ffffff with #75ab7b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 84
- B 74
RGB color chart
- C 13
- M 0
- Y 11
- K 16
CMYK color chart

● #bad5bd color description : Grayish lime green.

The hexadecimal color #bad5bd has RGB values of R:186, G:213, B:189 and CMYK values of C:0.13, M:0, Y:0.11, K:0.16. Its decimal value is 12244413.

Hex triplet	bad5bd	`#bad5bd`
RGB Decimal	186, 213, 189	`rgb(186,213,189)`
RGB Percent	72.9, 83.5, 74.1	`rgb(72.9%,83.5%,74.1%)`
CMYK	13, 0, 11, 16
HSL	126.7°, 24.3, 78.2	`hsl(126.7,24.3%,78.2%)`
HSV (or HSB)	126.7°, 12.7, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.754, -13.534, 8.845
XYZ	53.227, 61.701, 57.247
xyY	0.309, 0.358, 61.701
CIE-LCH	82.754, 16.168, 146.833
CIE-LUV	82.754, -13.748, 15.426
Hunter-Lab	78.55, -16.507, 11.775
Binary	10111010, 11010101, 10111101

#bad5bd
```
#bad5bd rgb(186,213,189)
```
#d5bad2
```
#d5bad2 rgb(213,186,210)
```

Complementary Color

#c5d5ba
```
#c5d5ba rgb(197,213,186)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#bad5cb
```
#bad5cb rgb(186,213,203)
```

Analogous Color

#d5bac5
```
#d5bac5 rgb(213,186,197)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#cbbad5
```
#cbbad5 rgb(203,186,213)
```

Split Complementary Color

#d5bdba
```
#d5bdba rgb(213,189,186)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#bdbad5
```
#bdbad5 rgb(189,186,213)
```

Triadic Color

#d2d5ba
```
#d2d5ba rgb(210,213,186)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#bdbad5
```
#bdbad5 rgb(189,186,213)
```
#d5bad2
```
#d5bad2 rgb(213,186,210)
```

Tetradic Color

#8ab890
```
#8ab890 rgb(138,184,144)
```
#9ac29f
```
#9ac29f rgb(154,194,159)
```
#aacbae
```
#aacbae rgb(170,203,174)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#cadfcc
```
#cadfcc rgb(202,223,204)
```
#dae8db
```
#dae8db rgb(218,232,219)
```
#eaf2ea
```
#eaf2ea rgb(234,242,234)
```

Monochromatic Color

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

#bed5ba
```
#bed5ba rgb(190,213,186)
```
#bcd5ba
```
#bcd5ba rgb(188,213,186)
```
#bad5bb
```
#bad5bb rgb(186,213,187)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#bad5bf
```
#bad5bf rgb(186,213,191)
```
#bad5c2
```
#bad5c2 rgb(186,213,194)
```
#bad5c4
```
#bad5c4 rgb(186,213,196)
```

Similar Colors

Text with hexadecimal color #bad5bd

This text has a font color of #bad5bd.

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

#bad5bd background color

This paragraph has a background color of #bad5bd.

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

#bad5bd border color

This element has a border color of #bad5bd.

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

CSS codes

.text {color:#bad5bd;}

.background {background-color:#bad5bd;}

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0a100b
```
#0a100b rgb(10,16,11)
```
#111d13
```
#111d13 rgb(17,29,19)
```
#19291b
```
#19291b rgb(25,41,27)
```
#203523
```
#203523 rgb(32,53,35)
```
#28412a
```
#28412a rgb(40,65,42)
```
#2f4d32
```
#2f4d32 rgb(47,77,50)
```
#365a3a
```
#365a3a rgb(54,90,58)
```
#3e6642
```
#3e6642 rgb(62,102,66)
```
#45724a
```
#45724a rgb(69,114,74)
```
#4d7e52
```
#4d7e52 rgb(77,126,82)
```
#548a5a
```
#548a5a rgb(84,138,90)
```
#5c9662
```
#5c9662 rgb(92,150,98)
```

Shade Color Variation

#65a16b
```
#65a16b rgb(101,161,107)
```
#71a877
```
#71a877 rgb(113,168,119)
```
#7db083
```
#7db083 rgb(125,176,131)
```
#89b78e
```
#89b78e rgb(137,183,142)
```
#95bf9a
```
#95bf9a rgb(149,191,154)
```
#a2c6a6
```
#a2c6a6 rgb(162,198,166)
```
#aeceb1
```
#aeceb1 rgb(174,206,177)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#c6dcc9
```
#c6dcc9 rgb(198,220,201)
```
#d2e4d4
```
#d2e4d4 rgb(210,228,212)
```
#dfebe0
```
#dfebe0 rgb(223,235,224)
```
#ebf3ec
```
#ebf3ec rgb(235,243,236)
```
#f7faf7
```
#f7faf7 rgb(247,250,247)
```

Tint Color Variation

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

#c7c8c7
```
#c7c8c7 rgb(199,200,199)
```
#c3ccc4
```
#c3ccc4 rgb(195,204,196)
```
#bed1c0
```
#bed1c0 rgb(190,209,192)
```
#bad5bd
```
#bad5bd rgb(186,213,189)
```
#b6d9ba
```
#b6d9ba rgb(182,217,186)
```
#b1deb6
```
#b1deb6 rgb(177,222,182)
```
#ade2b3
```
#ade2b3 rgb(173,226,179)
```
#a9e6b0
```
#a9e6b0 rgb(169,230,176)
```
#a5eaac
```
#a5eaac rgb(165,234,172)
```
#a0efa9
```
#a0efa9 rgb(160,239,169)
```
#9cf3a6
```
#9cf3a6 rgb(156,243,166)
```
#98f7a2
```
#98f7a2 rgb(152,247,162)
```
#94fb9f
```
#94fb9f rgb(148,251,159)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7ccc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cfbc Protanopia 1% of men
#e8c9c4 Deuteranopia 1% of men
#c4d2e1 Tritanopia 0.001% of the population

Trichromacy

#cdd1bc Protanomaly 1% of men, 0.01% of women
#d7cdc1 Deuteranomaly 6% of men, 0.4% of women
#c0d3d4 Tritanomaly 0.01% of the population

#bad5bd hex color

#bad5bd Color Information

#bad5bd Color Conversion

Color Schemes with #bad5bd

Alternatives to #bad5bd

#bad5bd Preview

Shades and Tints of #bad5bd

Tones of #bad5bd

Color Blindness Simulator