#b9d3f2 hex color

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

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

● #b9d3f2 color description : Very soft blue.

The hexadecimal color #b9d3f2 has RGB values of R:185, G:211, B:242 and CMYK values of C:0.24, M:0.13, Y:0, K:0.05. Its decimal value is 12178418.

Hex triplet	b9d3f2	`#b9d3f2`
RGB Decimal	185, 211, 242	`rgb(185,211,242)`
RGB Percent	72.5, 82.7, 94.9	`rgb(72.5%,82.7%,94.9%)`
CMYK	24, 13, 0, 5
HSL	212.6°, 68.7, 83.7	`hsl(212.6,68.7%,83.7%)`
HSV (or HSB)	212.6°, 23.6, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.606, -2.033, -18.089
XYZ	59.325, 63.312, 93.094
xyY	0.275, 0.293, 63.312
CIE-LCH	83.606, 18.203, 263.586
CIE-LUV	83.606, -14.826, -28.299
Hunter-Lab	79.569, -6.159, -13.67
Binary	10111001, 11010011, 11110010

#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#f2d8b9
```
#f2d8b9 rgb(242,216,185)
```

Complementary Color

#b9f0f2
```
#b9f0f2 rgb(185,240,242)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#bcb9f2
```
#bcb9f2 rgb(188,185,242)
```

Analogous Color

#f0f2b9
```
#f0f2b9 rgb(240,242,185)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#f2bcb9
```
#f2bcb9 rgb(242,188,185)
```

Split Complementary Color

#d3f2b9
```
#d3f2b9 rgb(211,242,185)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#f2b9d3
```
#f2b9d3 rgb(242,185,211)
```

Triadic Color

#b9f2d8
```
#b9f2d8 rgb(185,242,216)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#f2b9d3
```
#f2b9d3 rgb(242,185,211)
```
#f2d8b9
```
#f2d8b9 rgb(242,216,185)
```

Tetradic Color

#78aae6
```
#78aae6 rgb(120,170,230)
```
#8eb8ea
```
#8eb8ea rgb(142,184,234)
```
#a3c5ee
```
#a3c5ee rgb(163,197,238)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,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 #b9d3f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b9e1f2
```
#b9e1f2 rgb(185,225,242)
```
#b9ddf2
```
#b9ddf2 rgb(185,221,242)
```
#b9d8f2
```
#b9d8f2 rgb(185,216,242)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#b9cef2
```
#b9cef2 rgb(185,206,242)
```
#b9caf2
```
#b9caf2 rgb(185,202,242)
```
#b9c5f2
```
#b9c5f2 rgb(185,197,242)
```

Similar Colors

Text with hexadecimal color #b9d3f2

This text has a font color of #b9d3f2.

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

#b9d3f2 background color

This paragraph has a background color of #b9d3f2.

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

#b9d3f2 border color

This element has a border color of #b9d3f2.

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

CSS codes

.text {color:#b9d3f2;}

.background {background-color:#b9d3f2;}

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

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)
```
#05101d
```
#05101d rgb(5,16,29)
```
#091a2e
```
#091a2e rgb(9,26,46)
```
#0c233e
```
#0c233e rgb(12,35,62)
```
#0f2c4f
```
#0f2c4f rgb(15,44,79)
```
#12355f
```
#12355f rgb(18,53,95)
```
#153e70
```
#153e70 rgb(21,62,112)
```
#184881
```
#184881 rgb(24,72,129)
```
#1b5191
```
#1b5191 rgb(27,81,145)
```
#1e5aa2
```
#1e5aa2 rgb(30,90,162)
```
#2163b2
```
#2163b2 rgb(33,99,178)
```
#246cc3
```
#246cc3 rgb(36,108,195)
```
#2776d3
```
#2776d3 rgb(39,118,211)
```

Shade Color Variation

#3580d9
```
#3580d9 rgb(53,128,217)
```
#458adc
```
#458adc rgb(69,138,220)
```
#5695e0
```
#5695e0 rgb(86,149,224)
```
#669fe3
```
#669fe3 rgb(102,159,227)
```
#77a9e6
```
#77a9e6 rgb(119,169,230)
```
#87b4e9
```
#87b4e9 rgb(135,180,233)
```
#98beec
```
#98beec rgb(152,190,236)
```
#a8c9ef
```
#a8c9ef rgb(168,201,239)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#caddf5
```
#caddf5 rgb(202,221,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 #acd2ff is the most saturated one.

#d3d5d8
```
#d3d5d8 rgb(211,213,216)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#c9d4e2
```
#c9d4e2 rgb(201,212,226)
```
#c6d4e5
```
#c6d4e5 rgb(198,212,229)
```
#c3d4e8
```
#c3d4e8 rgb(195,212,232)
```
#bfd4ec
```
#bfd4ec rgb(191,212,236)
```
#bcd3ef
```
#bcd3ef rgb(188,211,239)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#b6d3f5
```
#b6d3f5 rgb(182,211,245)
```
#b3d2f8
```
#b3d2f8 rgb(179,210,248)
```
#afd2fc
```
#afd2fc rgb(175,210,252)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```

Tone Color Variation

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

#ccd1f0 Protanopia 1% of men
#d4cef5 Deuteranopia 1% of men
#b9d7e6 Tritanopia 0.001% of the population

Trichromacy

#c5d1f0 Protanomaly 1% of men, 0.01% of women
#cacff3 Deuteranomaly 6% of men, 0.4% of women
#b9d5ea Tritanomaly 0.01% of the population

#b9d3f2 hex color

#b9d3f2 Color Information

#b9d3f2 Color Conversion

Color Schemes with #b9d3f2

Alternatives to #b9d3f2

#b9d3f2 Preview

Shades and Tints of #b9d3f2

Tones of #b9d3f2

Color Blindness Simulator