#b5d1f3 hex color

In a RGB color space, hex #b5d1f3 is composed of 71% red, 82% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 14% magenta, 0% yellow and 4.7% black. It has a hue angle of 212.9 degrees, a saturation of 72.1% and a lightness of 83.1%. #b5d1f3 color hex could be obtained by blending #ffffff with #6ba3e7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 82
- B 95
RGB color chart
- C 26
- M 14
- Y 0
- K 5
CMYK color chart

● #b5d1f3 color description : Very soft blue.

The hexadecimal color #b5d1f3 has RGB values of R:181, G:209, B:243 and CMYK values of C:0.26, M:0.14, Y:0, K:0.05. Its decimal value is 11915763.

Hex triplet	b5d1f3	`#b5d1f3`
RGB Decimal	181, 209, 243	`rgb(181,209,243)`
RGB Percent	71, 82, 95.3	`rgb(71%,82%,95.3%)`
CMYK	26, 14, 0, 5
HSL	212.9°, 72.1, 83.1	`hsl(212.9,72.1%,83.1%)`
HSV (or HSB)	212.9°, 25.5, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.857, -1.936, -19.777
XYZ	58.031, 61.894, 93.678
xyY	0.272, 0.29, 61.894
CIE-LCH	82.857, 19.871, 264.41
CIE-LUV	82.857, -15.837, -31.068
Hunter-Lab	78.673, -6.013, -15.527
Binary	10110101, 11010001, 11110011

#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#f3d7b5
```
#f3d7b5 rgb(243,215,181)
```

Complementary Color

#b5f0f3
```
#b5f0f3 rgb(181,240,243)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#b8b5f3
```
#b8b5f3 rgb(184,181,243)
```

Analogous Color

#f0f3b5
```
#f0f3b5 rgb(240,243,181)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#f3b8b5
```
#f3b8b5 rgb(243,184,181)
```

Split Complementary Color

#d1f3b5
```
#d1f3b5 rgb(209,243,181)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#f3b5d1
```
#f3b5d1 rgb(243,181,209)
```

Triadic Color

#b5f3d7
```
#b5f3d7 rgb(181,243,215)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#f3b5d1
```
#f3b5d1 rgb(243,181,209)
```
#f3d7b5
```
#f3d7b5 rgb(243,215,181)
```

Tetradic Color

#73a8e8
```
#73a8e8 rgb(115,168,232)
```
#89b6ec
```
#89b6ec rgb(137,182,236)
```
#9fc3ef
```
#9fc3ef rgb(159,195,239)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#cbdff7
```
#cbdff7 rgb(203,223,247)
```
#e1ecfa
```
#e1ecfa rgb(225,236,250)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Monochromatic Color

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

#b5e1f3
```
#b5e1f3 rgb(181,225,243)
```
#b5dbf3
```
#b5dbf3 rgb(181,219,243)
```
#b5d6f3
```
#b5d6f3 rgb(181,214,243)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#b5ccf3
```
#b5ccf3 rgb(181,204,243)
```
#b5c7f3
```
#b5c7f3 rgb(181,199,243)
```
#b5c2f3
```
#b5c2f3 rgb(181,194,243)
```

Similar Colors

Text with hexadecimal color #b5d1f3

This text has a font color of #b5d1f3.

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

#b5d1f3 background color

This paragraph has a background color of #b5d1f3.

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

#b5d1f3 border color

This element has a border color of #b5d1f3.

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

CSS codes

.text {color:#b5d1f3;}

.background {background-color:#b5d1f3;}

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#040f1b
```
#040f1b rgb(4,15,27)
```
#07182c
```
#07182c rgb(7,24,44)
```
#0a213d
```
#0a213d rgb(10,33,61)
```
#0d2a4e
```
#0d2a4e rgb(13,42,78)
```
#0f335f
```
#0f335f rgb(15,51,95)
```
#123c70
```
#123c70 rgb(18,60,112)
```
#154581
```
#154581 rgb(21,69,129)
```
#184f91
```
#184f91 rgb(24,79,145)
```
#1a58a2
```
#1a58a2 rgb(26,88,162)
```
#1d61b3
```
#1d61b3 rgb(29,97,179)
```
#206ac4
```
#206ac4 rgb(32,106,196)
```
#2373d5
```
#2373d5 rgb(35,115,213)
```

Shade Color Variation

#2e7ddd
```
#2e7ddd rgb(46,125,221)
```
#3f88e0
```
#3f88e0 rgb(63,136,224)
```
#5092e3
```
#5092e3 rgb(80,146,227)
```
#619de5
```
#619de5 rgb(97,157,229)
```
#71a7e8
```
#71a7e8 rgb(113,167,232)
```
#82b2eb
```
#82b2eb rgb(130,178,235)
```
#93bcee
```
#93bcee rgb(147,188,238)
```
#a4c7f0
```
#a4c7f0 rgb(164,199,240)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#c6dbf6
```
#c6dbf6 rgb(198,219,246)
```
#d7e6f8
```
#d7e6f8 rgb(215,230,248)
```
#e8f0fb
```
#e8f0fb rgb(232,240,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#d3d4d5
```
#d3d4d5 rgb(211,212,213)
```
#cfd4d9
```
#cfd4d9 rgb(207,212,217)
```
#ccd3dc
```
#ccd3dc rgb(204,211,220)
```
#c9d3df
```
#c9d3df rgb(201,211,223)
```
#c6d3e2
```
#c6d3e2 rgb(198,211,226)
```
#c2d2e6
```
#c2d2e6 rgb(194,210,230)
```
#bfd2e9
```
#bfd2e9 rgb(191,210,233)
```
#bcd2ec
```
#bcd2ec rgb(188,210,236)
```
#b8d1f0
```
#b8d1f0 rgb(184,209,240)
```
#b5d1f3
```
#b5d1f3 rgb(181,209,243)
```
#b2d1f6
```
#b2d1f6 rgb(178,209,246)
```
#aed0fa
```
#aed0fa rgb(174,208,250)
```
#abd0fd
```
#abd0fd rgb(171,208,253)
```

Tone Color Variation

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

Dichromacy

#c9cff1 Protanopia 1% of men
#d0ccf6 Deuteranopia 1% of men
#b5d5e5 Tritanopia 0.001% of the population

Trichromacy

#c2cff1 Protanomaly 1% of men, 0.01% of women
#c6cef4 Deuteranomaly 6% of men, 0.4% of women
#b5d4ea Tritanomaly 0.01% of the population

#b5d1f3 hex color

#b5d1f3 Color Information

#b5d1f3 Color Conversion

Color Schemes with #b5d1f3

Alternatives to #b5d1f3

#b5d1f3 Preview

Shades and Tints of #b5d1f3

Tones of #b5d1f3

Color Blindness Simulator