#b8ddf3 hex color

In a RGB color space, hex #b8ddf3 is composed of 72.2% red, 86.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 9.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 202.4 degrees, a saturation of 71.1% and a lightness of 83.7%. #b8ddf3 color hex could be obtained by blending #ffffff with #71bbe7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 72
- G 87
- B 95
RGB color chart
- C 24
- M 9
- Y 0
- K 5
CMYK color chart

● #b8ddf3 color description : Very soft blue.

The hexadecimal color #b8ddf3 has RGB values of R:184, G:221, B:243 and CMYK values of C:0.24, M:0.09, Y:0, K:0.05. Its decimal value is 12115443.

Hex triplet	b8ddf3	`#b8ddf3`
RGB Decimal	184, 221, 243	`rgb(184,221,243)`
RGB Percent	72.2, 86.7, 95.3	`rgb(72.2%,86.7%,95.3%)`
CMYK	24, 9, 0, 5
HSL	202.4°, 71.1, 83.7	`hsl(202.4,71.1%,83.7%)`
HSV (or HSB)	202.4°, 24.3, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.192, -7.325, -14.736
XYZ	61.798, 68.373, 94.73
xyY	0.275, 0.304, 68.373
CIE-LCH	86.192, 16.456, 243.568
CIE-LUV	86.192, -19.739, -22.062
Hunter-Lab	82.688, -11.3, -10.043
Binary	10111000, 11011101, 11110011

#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#f3ceb8
```
#f3ceb8 rgb(243,206,184)
```

Complementary Color

#b8f3ec
```
#b8f3ec rgb(184,243,236)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#b8c0f3
```
#b8c0f3 rgb(184,192,243)
```

Analogous Color

#f3ecb8
```
#f3ecb8 rgb(243,236,184)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#f3b8c0
```
#f3b8c0 rgb(243,184,192)
```

Split Complementary Color

#ddf3b8
```
#ddf3b8 rgb(221,243,184)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#f3b8dd
```
#f3b8dd rgb(243,184,221)
```

Triadic Color

#b8f3ce
```
#b8f3ce rgb(184,243,206)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#f3b8dd
```
#f3b8dd rgb(243,184,221)
```
#f3ceb8
```
#f3ceb8 rgb(243,206,184)
```

Tetradic Color

#77bee8
```
#77bee8 rgb(119,190,232)
```
#8cc8ec
```
#8cc8ec rgb(140,200,236)
```
#a2d3ef
```
#a2d3ef rgb(162,211,239)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#cee7f7
```
#cee7f7 rgb(206,231,247)
```
#e4f2fa
```
#e4f2fa rgb(228,242,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Monochromatic Color

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

#b8ecf3
```
#b8ecf3 rgb(184,236,243)
```
#b8e7f3
```
#b8e7f3 rgb(184,231,243)
```
#b8e2f3
```
#b8e2f3 rgb(184,226,243)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#b8d8f3
```
#b8d8f3 rgb(184,216,243)
```
#b8d3f3
```
#b8d3f3 rgb(184,211,243)
```
#b8cef3
```
#b8cef3 rgb(184,206,243)
```

Similar Colors

Text with hexadecimal color #b8ddf3

This text has a font color of #b8ddf3.

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

#b8ddf3 background color

This paragraph has a background color of #b8ddf3.

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

#b8ddf3 border color

This element has a border color of #b8ddf3.

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

CSS codes

.text {color:#b8ddf3;}

.background {background-color:#b8ddf3;}

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

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

#02090d
```
#02090d rgb(2,9,13)
```
#05141e
```
#05141e rgb(5,20,30)
```
#08202e
```
#08202e rgb(8,32,46)
```
#0b2c3f
```
#0b2c3f rgb(11,44,63)
```
#0e3750
```
#0e3750 rgb(14,55,80)
```
#104361
```
#104361 rgb(16,67,97)
```
#134e72
```
#134e72 rgb(19,78,114)
```
#165a82
```
#165a82 rgb(22,90,130)
```
#196693
```
#196693 rgb(25,102,147)
```
#1c71a4
```
#1c71a4 rgb(28,113,164)
```
#1f7db5
```
#1f7db5 rgb(31,125,181)
```
#2188c5
```
#2188c5 rgb(33,136,197)
```
#2494d6
```
#2494d6 rgb(36,148,214)
```

Shade Color Variation

#329ddc
```
#329ddc rgb(50,157,220)
```
#43a5df
```
#43a5df rgb(67,165,223)
```
#53ade2
```
#53ade2 rgb(83,173,226)
```
#64b5e5
```
#64b5e5 rgb(100,181,229)
```
#75bde8
```
#75bde8 rgb(117,189,232)
```
#86c5ea
```
#86c5ea rgb(134,197,234)
```
#96cded
```
#96cded rgb(150,205,237)
```
#a7d5f0
```
#a7d5f0 rgb(167,213,240)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#c9e5f6
```
#c9e5f6 rgb(201,229,246)
```
#daedf9
```
#daedf9 rgb(218,237,249)
```
#eaf5fc
```
#eaf5fc rgb(234,245,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#d5d6d6
```
#d5d6d6 rgb(213,214,214)
```
#d2d7d9
```
#d2d7d9 rgb(210,215,217)
```
#ced7dd
```
#ced7dd rgb(206,215,221)
```
#cbd8e0
```
#cbd8e0 rgb(203,216,224)
```
#c8d9e3
```
#c8d9e3 rgb(200,217,227)
```
#c5dae6
```
#c5dae6 rgb(197,218,230)
```
#c2dbe9
```
#c2dbe9 rgb(194,219,233)
```
#bedbed
```
#bedbed rgb(190,219,237)
```
#bbdcf0
```
#bbdcf0 rgb(187,220,240)
```
#b8ddf3
```
#b8ddf3 rgb(184,221,243)
```
#b5def6
```
#b5def6 rgb(181,222,246)
```
#b2dff9
```
#b2dff9 rgb(178,223,249)
```
#aedffd
```
#aedffd rgb(174,223,253)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#ced6da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d8ef Protanopia 1% of men
#dfd4f7 Deuteranopia 1% of men
#badfef Tritanopia 0.001% of the population

Trichromacy

#cbd9f0 Protanomaly 1% of men, 0.01% of women
#d0d7f5 Deuteranomaly 6% of men, 0.4% of women
#b9def0 Tritanomaly 0.01% of the population

#b8ddf3 hex color

#b8ddf3 Color Information

#b8ddf3 Color Conversion

Color Schemes with #b8ddf3

Alternatives to #b8ddf3

#b8ddf3 Preview

Shades and Tints of #b8ddf3

Tones of #b8ddf3

Color Blindness Simulator