#b9daf6 hex color

In a RGB color space, hex #b9daf6 is composed of 72.5% red, 85.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 11.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 207.5 degrees, a saturation of 77.2% and a lightness of 84.5%. #b9daf6 color hex could be obtained by blending #ffffff with #73b5ed. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 96
RGB color chart
- C 25
- M 11
- Y 0
- K 4
CMYK color chart

● #b9daf6 color description : Very soft blue.

The hexadecimal color #b9daf6 has RGB values of R:185, G:218, B:246 and CMYK values of C:0.25, M:0.11, Y:0, K:0.04. Its decimal value is 12180214.

Hex triplet	b9daf6	`#b9daf6`
RGB Decimal	185, 218, 246	`rgb(185,218,246)`
RGB Percent	72.5, 85.5, 96.5	`rgb(72.5%,85.5%,96.5%)`
CMYK	25, 11, 0, 4
HSL	207.5°, 77.2, 84.5	`hsl(207.5,77.2%,84.5%)`
HSV (or HSB)	207.5°, 24.8, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.559, -4.801, -17.265
XYZ	61.71, 67.109, 96.886
xyY	0.273, 0.297, 67.109
CIE-LCH	85.559, 17.92, 254.461
CIE-LUV	85.559, -18.027, -26.59
Hunter-Lab	81.92, -8.898, -12.777
Binary	10111001, 11011010, 11110110

#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#f6d5b9
```
#f6d5b9 rgb(246,213,185)
```

Complementary Color

#b9f6f4
```
#b9f6f4 rgb(185,246,244)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#b9bcf6
```
#b9bcf6 rgb(185,188,246)
```

Analogous Color

#f6f4b9
```
#f6f4b9 rgb(246,244,185)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#f6b9bc
```
#f6b9bc rgb(246,185,188)
```

Split Complementary Color

#daf6b9
```
#daf6b9 rgb(218,246,185)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#f6b9da
```
#f6b9da rgb(246,185,218)
```

Triadic Color

#b9f6d5
```
#b9f6d5 rgb(185,246,213)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#f6b9da
```
#f6b9da rgb(246,185,218)
```
#f6d5b9
```
#f6d5b9 rgb(246,213,185)
```

Tetradic Color

#75b6ed
```
#75b6ed rgb(117,182,237)
```
#8cc2f0
```
#8cc2f0 rgb(140,194,240)
```
#a2cef3
```
#a2cef3 rgb(162,206,243)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#d0e6f9
```
#d0e6f9 rgb(208,230,249)
```
#e6f2fc
```
#e6f2fc rgb(230,242,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Monochromatic Color

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

#b9e9f6
```
#b9e9f6 rgb(185,233,246)
```
#b9e4f6
```
#b9e4f6 rgb(185,228,246)
```
#b9dff6
```
#b9dff6 rgb(185,223,246)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#b9d5f6
```
#b9d5f6 rgb(185,213,246)
```
#b9d0f6
```
#b9d0f6 rgb(185,208,246)
```
#b9cbf6
```
#b9cbf6 rgb(185,203,246)
```

Similar Colors

Text with hexadecimal color #b9daf6

This text has a font color of #b9daf6.

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

#b9daf6 background color

This paragraph has a background color of #b9daf6.

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

#b9daf6 border color

This element has a border color of #b9daf6.

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

CSS codes

.text {color:#b9daf6;}

.background {background-color:#b9daf6;}

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

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, #020a11 is the darkest color, while #ffffff is the lightest one.

#020a11
```
#020a11 rgb(2,10,17)
```
#041522
```
#041522 rgb(4,21,34)
```
#071f34
```
#071f34 rgb(7,31,52)
```
#092945
```
#092945 rgb(9,41,69)
```
#0b3456
```
#0b3456 rgb(11,52,86)
```
#0d3e68
```
#0d3e68 rgb(13,62,104)
```
#104979
```
#104979 rgb(16,73,121)
```
#12538b
```
#12538b rgb(18,83,139)
```
#145e9c
```
#145e9c rgb(20,94,156)
```
#1668ad
```
#1668ad rgb(22,104,173)
```
#1972bf
```
#1972bf rgb(25,114,191)
```
#1b7dd0
```
#1b7dd0 rgb(27,125,208)
```
#1d87e1
```
#1d87e1 rgb(29,135,225)
```

Shade Color Variation

#2e91e4
```
#2e91e4 rgb(46,145,228)
```
#3f9ae6
```
#3f9ae6 rgb(63,154,230)
```
#51a3e9
```
#51a3e9 rgb(81,163,233)
```
#62aceb
```
#62aceb rgb(98,172,235)
```
#73b5ed
```
#73b5ed rgb(115,181,237)
```
#85beef
```
#85beef rgb(133,190,239)
```
#96c8f2
```
#96c8f2 rgb(150,200,242)
```
#a8d1f4
```
#a8d1f4 rgb(168,209,244)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#cae3f8
```
#cae3f8 rgb(202,227,248)
```
#dcecfa
```
#dcecfa rgb(220,236,250)
```
#edf6fd
```
#edf6fd rgb(237,246,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d7d8d8
```
#d7d8d8 rgb(215,216,216)
```
#d4d8db
```
#d4d8db rgb(212,216,219)
```
#d1d8de
```
#d1d8de rgb(209,216,222)
```
#ced8e1
```
#ced8e1 rgb(206,216,225)
```
#cbd9e4
```
#cbd9e4 rgb(203,217,228)
```
#c8d9e7
```
#c8d9e7 rgb(200,217,231)
```
#c5d9ea
```
#c5d9ea rgb(197,217,234)
```
#c2d9ed
```
#c2d9ed rgb(194,217,237)
```
#bfdaf0
```
#bfdaf0 rgb(191,218,240)
```
#bcdaf3
```
#bcdaf3 rgb(188,218,243)
```
#b9daf6
```
#b9daf6 rgb(185,218,246)
```
#b6daf9
```
#b6daf9 rgb(182,218,249)
```
#b3dafc
```
#b3dafc rgb(179,218,252)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ced4da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d6f3 Protanopia 1% of men
#dad3f9 Deuteranopia 1% of men
#badded Tritanopia 0.001% of the population

Trichromacy

#c9d7f4 Protanomaly 1% of men, 0.01% of women
#ced5f8 Deuteranomaly 6% of men, 0.4% of women
#b9dcf0 Tritanomaly 0.01% of the population

#b9daf6 hex color

#b9daf6 Color Information

#b9daf6 Color Conversion

Color Schemes with #b9daf6

Alternatives to #b9daf6

#b9daf6 Preview

Shades and Tints of #b9daf6

Tones of #b9daf6

Color Blindness Simulator