#b9d4df hex color

In a RGB color space, hex #b9d4df is composed of 72.5% red, 83.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 4.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 197.4 degrees, a saturation of 37.3% and a lightness of 80%. #b9d4df color hex could be obtained by blending #ffffff with #73a9bf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 83
- B 87
RGB color chart
- C 17
- M 5
- Y 0
- K 13
CMYK color chart

● #b9d4df color description : Light grayish blue.

The hexadecimal color #b9d4df has RGB values of R:185, G:212, B:223 and CMYK values of C:0.17, M:0.05, Y:0, K:0.13. Its decimal value is 12178655.

Hex triplet	b9d4df	`#b9d4df`
RGB Decimal	185, 212, 223	`rgb(185,212,223)`
RGB Percent	72.5, 83.1, 87.5	`rgb(72.5%,83.1%,87.5%)`
CMYK	17, 5, 0, 13
HSL	197.4°, 37.3, 80	`hsl(197.4,37.3%,80%)`
HSV (or HSB)	197.4°, 17, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.299, -6.693, -8.449
XYZ	56.867, 62.728, 78.92
xyY	0.286, 0.316, 62.728
CIE-LCH	83.299, 10.779, 231.616
CIE-LUV	83.299, -14.712, -11.957
Hunter-Lab	79.201, -10.436, -3.639
Binary	10111001, 11010100, 11011111

#b9d4df
```
#b9d4df rgb(185,212,223)
```
#dfc4b9
```
#dfc4b9 rgb(223,196,185)
```

Complementary Color

#b9dfd7
```
#b9dfd7 rgb(185,223,215)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#b9c1df
```
#b9c1df rgb(185,193,223)
```

Analogous Color

#dfd7b9
```
#dfd7b9 rgb(223,215,185)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#dfb9c1
```
#dfb9c1 rgb(223,185,193)
```

Split Complementary Color

#d4dfb9
```
#d4dfb9 rgb(212,223,185)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#dfb9d4
```
#dfb9d4 rgb(223,185,212)
```

Triadic Color

#b9dfc4
```
#b9dfc4 rgb(185,223,196)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#dfb9d4
```
#dfb9d4 rgb(223,185,212)
```
#dfc4b9
```
#dfc4b9 rgb(223,196,185)
```

Tetradic Color

#85b4c7
```
#85b4c7 rgb(133,180,199)
```
#96bfcf
```
#96bfcf rgb(150,191,207)
```
#a8c9d7
```
#a8c9d7 rgb(168,201,215)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#cbdfe7
```
#cbdfe7 rgb(203,223,231)
```
#dceaef
```
#dceaef rgb(220,234,239)
```
#eef4f7
```
#eef4f7 rgb(238,244,247)
```

Monochromatic Color

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

#b9dedf
```
#b9dedf rgb(185,222,223)
```
#b9dadf
```
#b9dadf rgb(185,218,223)
```
#b9d7df
```
#b9d7df rgb(185,215,223)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#b9d1df
```
#b9d1df rgb(185,209,223)
```
#b9cedf
```
#b9cedf rgb(185,206,223)
```
#b9cbdf
```
#b9cbdf rgb(185,203,223)
```

Similar Colors

Text with hexadecimal color #b9d4df

This text has a font color of #b9d4df.

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

#b9d4df background color

This paragraph has a background color of #b9d4df.

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

#b9d4df border color

This element has a border color of #b9d4df.

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

CSS codes

.text {color:#b9d4df;}

.background {background-color:#b9d4df;}

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

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, #05090b is the darkest color, while #fcfdfe is the lightest one.

#05090b
```
#05090b rgb(5,9,11)
```
#0b1418
```
#0b1418 rgb(11,20,24)
```
#112026
```
#112026 rgb(17,32,38)
```
#172b33
```
#172b33 rgb(23,43,51)
```
#1e3641
```
#1e3641 rgb(30,54,65)
```
#24424e
```
#24424e rgb(36,66,78)
```
#2a4d5c
```
#2a4d5c rgb(42,77,92)
```
#305969
```
#305969 rgb(48,89,105)
```
#366476
```
#366476 rgb(54,100,118)
```
#3c6f84
```
#3c6f84 rgb(60,111,132)
```
#427b91
```
#427b91 rgb(66,123,145)
```
#49869f
```
#49869f rgb(73,134,159)
```
#4f91ac
```
#4f91ac rgb(79,145,172)
```

Shade Color Variation

#5b9ab4
```
#5b9ab4 rgb(91,154,180)
```
#68a2ba
```
#68a2ba rgb(104,162,186)
```
#76abc0
```
#76abc0 rgb(118,171,192)
```
#83b3c6
```
#83b3c6 rgb(131,179,198)
```
#91bbcd
```
#91bbcd rgb(145,187,205)
```
#9ec3d3
```
#9ec3d3 rgb(158,195,211)
```
#acccd9
```
#acccd9 rgb(172,204,217)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#c6dce5
```
#c6dce5 rgb(198,220,229)
```
#d4e5eb
```
#d4e5eb rgb(212,229,235)
```
#e1edf1
```
#e1edf1 rgb(225,237,241)
```
#eff5f8
```
#eff5f8 rgb(239,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#c9cdcf
```
#c9cdcf rgb(201,205,207)
```
#c5cfd3
```
#c5cfd3 rgb(197,207,211)
```
#c1d1d7
```
#c1d1d7 rgb(193,209,215)
```
#bdd2db
```
#bdd2db rgb(189,210,219)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#b5d6e3
```
#b5d6e3 rgb(181,214,227)
```
#b1d7e7
```
#b1d7e7 rgb(177,215,231)
```
#add9eb
```
#add9eb rgb(173,217,235)
```
#a9dbef
```
#a9dbef rgb(169,219,239)
```
#a5dcf3
```
#a5dcf3 rgb(165,220,243)
```
#a1def7
```
#a1def7 rgb(161,222,247)
```
#9ee0fa
```
#9ee0fa rgb(158,224,250)
```
#9ae1fe
```
#9ae1fe rgb(154,225,254)
```

Tone Color Variation

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

Dichromacy

#d1d0dd Protanopia 1% of men
#dccce3 Deuteranopia 1% of men
#bdd5e4 Tritanopia 0.001% of the population

Trichromacy

#c8d1de Protanomaly 1% of men, 0.01% of women
#cfcfe2 Deuteranomaly 6% of men, 0.4% of women
#bbd4e2 Tritanomaly 0.01% of the population

#b9d4df hex color

#b9d4df Color Information

#b9d4df Color Conversion

Color Schemes with #b9d4df

Alternatives to #b9d4df

#b9d4df Preview

Shades and Tints of #b9d4df

Tones of #b9d4df

Color Blindness Simulator