#bad4d7 hex color

In a RGB color space, hex #bad4d7 is composed of 72.9% red, 83.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 1.4% magenta, 0% yellow and 15.7% black. It has a hue angle of 186.2 degrees, a saturation of 26.6% and a lightness of 78.6%. #bad4d7 color hex could be obtained by blending #ffffff with #75a9af. Closest websafe color is: #cccccc.

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

● #bad4d7 color description : Grayish cyan.

The hexadecimal color #bad4d7 has RGB values of R:186, G:212, B:215 and CMYK values of C:0.13, M:0.01, Y:0, K:0.16. Its decimal value is 12244183.

Hex triplet	bad4d7	`#bad4d7`
RGB Decimal	186, 212, 215	`rgb(186,212,215)`
RGB Percent	72.9, 83.1, 84.3	`rgb(72.9%,83.1%,84.3%)`
CMYK	13, 1, 0, 16
HSL	186.2°, 26.6, 78.6	`hsl(186.2,26.6%,78.6%)`
HSV (or HSB)	186.2°, 13.5, 84.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.142, -8.031, -4.416
XYZ	56.056, 62.431, 73.383
xyY	0.292, 0.325, 62.431
CIE-LCH	83.142, 9.165, 208.808
CIE-LUV	83.142, -13.985, -5.4
Hunter-Lab	79.014, -11.637, 0.244
Binary	10111010, 11010100, 11010111

#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#d7bdba
```
#d7bdba rgb(215,189,186)
```

Complementary Color

#bad7cc
```
#bad7cc rgb(186,215,204)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#bac6d7
```
#bac6d7 rgb(186,198,215)
```

Analogous Color

#d7ccba
```
#d7ccba rgb(215,204,186)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#d7bac6
```
#d7bac6 rgb(215,186,198)
```

Split Complementary Color

#d4d7ba
```
#d4d7ba rgb(212,215,186)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#d7bad4
```
#d7bad4 rgb(215,186,212)
```

Triadic Color

#bad7bd
```
#bad7bd rgb(186,215,189)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#d7bad4
```
#d7bad4 rgb(215,186,212)
```
#d7bdba
```
#d7bdba rgb(215,189,186)
```

Tetradic Color

#8ab6bb
```
#8ab6bb rgb(138,182,187)
```
#9ac0c4
```
#9ac0c4 rgb(154,192,196)
```
#aacace
```
#aacace rgb(170,202,206)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#cadee0
```
#cadee0 rgb(202,222,224)
```
#dae8ea
```
#dae8ea rgb(218,232,234)
```
#eaf2f3
```
#eaf2f3 rgb(234,242,243)
```

Monochromatic Color

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

#bad7d3
```
#bad7d3 rgb(186,215,211)
```
#bad7d5
```
#bad7d5 rgb(186,215,213)
```
#bad6d7
```
#bad6d7 rgb(186,214,215)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#bad2d7
```
#bad2d7 rgb(186,210,215)
```
#bacfd7
```
#bacfd7 rgb(186,207,215)
```
#bacdd7
```
#bacdd7 rgb(186,205,215)
```

Similar Colors

Text with hexadecimal color #bad4d7

This text has a font color of #bad4d7.

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

#bad4d7 background color

This paragraph has a background color of #bad4d7.

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

#bad4d7 border color

This element has a border color of #bad4d7.

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

CSS codes

.text {color:#bad4d7;}

.background {background-color:#bad4d7;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1112
```
#0a1112 rgb(10,17,18)
```
#121d1e
```
#121d1e rgb(18,29,30)
```
#19292b
```
#19292b rgb(25,41,43)
```
#203537
```
#203537 rgb(32,53,55)
```
#274144
```
#274144 rgb(39,65,68)
```
#2e4d50
```
#2e4d50 rgb(46,77,80)
```
#36585c
```
#36585c rgb(54,88,92)
```
#3d6469
```
#3d6469 rgb(61,100,105)
```
#447075
```
#447075 rgb(68,112,117)
```
#4b7c82
```
#4b7c82 rgb(75,124,130)
```
#52888e
```
#52888e rgb(82,136,142)
```
#5a949b
```
#5a949b rgb(90,148,155)
```

Shade Color Variation

#639ea5
```
#639ea5 rgb(99,158,165)
```
#6fa6ac
```
#6fa6ac rgb(111,166,172)
```
#7cadb3
```
#7cadb3 rgb(124,173,179)
```
#88b5ba
```
#88b5ba rgb(136,181,186)
```
#95bdc1
```
#95bdc1 rgb(149,189,193)
```
#a1c5c9
```
#a1c5c9 rgb(161,197,201)
```
#aeccd0
```
#aeccd0 rgb(174,204,208)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#c6dcde
```
#c6dcde rgb(198,220,222)
```
#d3e3e5
```
#d3e3e5 rgb(211,227,229)
```
#dfebed
```
#dfebed rgb(223,235,237)
```
#ecf3f4
```
#ecf3f4 rgb(236,243,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#c7caca
```
#c7caca rgb(199,202,202)
```
#c2cdcf
```
#c2cdcf rgb(194,205,207)
```
#bed1d3
```
#bed1d3 rgb(190,209,211)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#b6d7db
```
#b6d7db rgb(182,215,219)
```
#b2dbdf
```
#b2dbdf rgb(178,219,223)
```
#addee4
```
#addee4 rgb(173,222,228)
```
#a9e1e8
```
#a9e1e8 rgb(169,225,232)
```
#a5e5ec
```
#a5e5ec rgb(165,229,236)
```
#a1e8f0
```
#a1e8f0 rgb(161,232,240)
```
#9debf4
```
#9debf4 rgb(157,235,244)
```
#98eff9
```
#98eff9 rgb(152,239,249)
```
#94f2fd
```
#94f2fd rgb(148,242,253)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9cecf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d0d5 Protanopia 1% of men
#dfcbdc Deuteranopia 1% of men
#bfd4e3 Tritanopia 0.001% of the population

Trichromacy

#cad1d6 Protanomaly 1% of men, 0.01% of women
#d2ceda Deuteranomaly 6% of men, 0.4% of women
#bdd4df Tritanomaly 0.01% of the population

#bad4d7 hex color

#bad4d7 Color Information

#bad4d7 Color Conversion

Color Schemes with #bad4d7

Alternatives to #bad4d7

#bad4d7 Preview

Shades and Tints of #bad4d7

Tones of #bad4d7

Color Blindness Simulator