#b9d4f2 hex color

In a RGB color space, hex #b9d4f2 is composed of 72.5% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.6 degrees, a saturation of 68.7% and a lightness of 83.7%. #b9d4f2 color hex could be obtained by blending #ffffff with #73a9e5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 83
- B 95
RGB color chart
- C 24
- M 12
- Y 0
- K 5
CMYK color chart

● #b9d4f2 color description : Very soft blue.

The hexadecimal color #b9d4f2 has RGB values of R:185, G:212, B:242 and CMYK values of C:0.24, M:0.12, Y:0, K:0.05. Its decimal value is 12178674.

Hex triplet	b9d4f2	`#b9d4f2`
RGB Decimal	185, 212, 242	`rgb(185,212,242)`
RGB Percent	72.5, 83.1, 94.9	`rgb(72.5%,83.1%,94.9%)`
CMYK	24, 12, 0, 5
HSL	211.6°, 68.7, 83.7	`hsl(211.6,68.7%,83.7%)`
HSV (or HSB)	211.6°, 23.6, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.867, -2.56, -17.696
XYZ	59.575, 63.811, 93.177
xyY	0.275, 0.295, 63.811
CIE-LCH	83.867, 17.88, 261.769
CIE-LUV	83.867, -15.27, -27.581
Hunter-Lab	79.882, -6.67, -13.241
Binary	10111001, 11010100, 11110010

#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#f2d7b9
```
#f2d7b9 rgb(242,215,185)
```

Complementary Color

#b9f1f2
```
#b9f1f2 rgb(185,241,242)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#bbb9f2
```
#bbb9f2 rgb(187,185,242)
```

Analogous Color

#f1f2b9
```
#f1f2b9 rgb(241,242,185)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#f2bbb9
```
#f2bbb9 rgb(242,187,185)
```

Split Complementary Color

#d4f2b9
```
#d4f2b9 rgb(212,242,185)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#f2b9d4
```
#f2b9d4 rgb(242,185,212)
```

Triadic Color

#b9f2d7
```
#b9f2d7 rgb(185,242,215)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#f2b9d4
```
#f2b9d4 rgb(242,185,212)
```
#f2d7b9
```
#f2d7b9 rgb(242,215,185)
```

Tetradic Color

#78ace6
```
#78ace6 rgb(120,172,230)
```
#8ebaea
```
#8ebaea rgb(142,186,234)
```
#a3c7ee
```
#a3c7ee rgb(163,199,238)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#cfe1f6
```
#cfe1f6 rgb(207,225,246)
```
#e4eefa
```
#e4eefa rgb(228,238,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Monochromatic Color

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

#b9e2f2
```
#b9e2f2 rgb(185,226,242)
```
#b9def2
```
#b9def2 rgb(185,222,242)
```
#b9d9f2
```
#b9d9f2 rgb(185,217,242)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#b9cff2
```
#b9cff2 rgb(185,207,242)
```
#b9cbf2
```
#b9cbf2 rgb(185,203,242)
```
#b9c6f2
```
#b9c6f2 rgb(185,198,242)
```

Similar Colors

Text with hexadecimal color #b9d4f2

This text has a font color of #b9d4f2.

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

#b9d4f2 background color

This paragraph has a background color of #b9d4f2.

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

#b9d4f2 border color

This element has a border color of #b9d4f2.

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

CSS codes

.text {color:#b9d4f2;}

.background {background-color:#b9d4f2;}

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

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, #02070d is the darkest color, while #fbfdfe is the lightest one.

#02070d
```
#02070d rgb(2,7,13)
```
#05111d
```
#05111d rgb(5,17,29)
```
#091a2e
```
#091a2e rgb(9,26,46)
```
#0c243e
```
#0c243e rgb(12,36,62)
```
#0f2d4f
```
#0f2d4f rgb(15,45,79)
```
#12375f
```
#12375f rgb(18,55,95)
```
#154070
```
#154070 rgb(21,64,112)
```
#184981
```
#184981 rgb(24,73,129)
```
#1b5391
```
#1b5391 rgb(27,83,145)
```
#1e5ca2
```
#1e5ca2 rgb(30,92,162)
```
#2166b2
```
#2166b2 rgb(33,102,178)
```
#246fc3
```
#246fc3 rgb(36,111,195)
```
#2779d3
```
#2779d3 rgb(39,121,211)
```

Shade Color Variation

#3583d9
```
#3583d9 rgb(53,131,217)
```
#458ddc
```
#458ddc rgb(69,141,220)
```
#5697e0
```
#5697e0 rgb(86,151,224)
```
#66a1e3
```
#66a1e3 rgb(102,161,227)
```
#77abe6
```
#77abe6 rgb(119,171,230)
```
#87b6e9
```
#87b6e9 rgb(135,182,233)
```
#98c0ec
```
#98c0ec rgb(152,192,236)
```
#a8caef
```
#a8caef rgb(168,202,239)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#cadef5
```
#cadef5 rgb(202,222,245)
```
#dae8f8
```
#dae8f8 rgb(218,232,248)
```
#ebf2fb
```
#ebf2fb rgb(235,242,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#d3d5d8
```
#d3d5d8 rgb(211,213,216)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#c9d5e2
```
#c9d5e2 rgb(201,213,226)
```
#c6d5e5
```
#c6d5e5 rgb(198,213,229)
```
#c3d5e8
```
#c3d5e8 rgb(195,213,232)
```
#bfd4ec
```
#bfd4ec rgb(191,212,236)
```
#bcd4ef
```
#bcd4ef rgb(188,212,239)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#b6d4f5
```
#b6d4f5 rgb(182,212,245)
```
#b3d4f8
```
#b3d4f8 rgb(179,212,248)
```
#afd3fc
```
#afd3fc rgb(175,211,252)
```
#acd3ff
```
#acd3ff rgb(172,211,255)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd0d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd1f0 Protanopia 1% of men
#d5cef5 Deuteranopia 1% of men
#b9d8e7 Tritanopia 0.001% of the population

Trichromacy

#c6d2f0 Protanomaly 1% of men, 0.01% of women
#cbd0f4 Deuteranomaly 6% of men, 0.4% of women
#b9d6eb Tritanomaly 0.01% of the population

#b9d4f2 hex color

#b9d4f2 Color Information

#b9d4f2 Color Conversion

Color Schemes with #b9d4f2

Alternatives to #b9d4f2

#b9d4f2 Preview

Shades and Tints of #b9d4f2

Tones of #b9d4f2

Color Blindness Simulator