#8bd5f1 hex color

In a RGB color space, hex #8bd5f1 is composed of 54.5% red, 83.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 11.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 196.5 degrees, a saturation of 78.5% and a lightness of 74.5%. #8bd5f1 color hex could be obtained by blending #ffffff with #17abe3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 55
- G 84
- B 95
RGB color chart
- C 42
- M 12
- Y 0
- K 5
CMYK color chart

● #8bd5f1 color description : Very soft blue.

The hexadecimal color #8bd5f1 has RGB values of R:139, G:213, B:241 and CMYK values of C:0.42, M:0.12, Y:0, K:0.05. Its decimal value is 9164273.

Hex triplet	8bd5f1	`#8bd5f1`
RGB Decimal	139, 213, 241	`rgb(139,213,241)`
RGB Percent	54.5, 83.5, 94.5	`rgb(54.5%,83.5%,94.5%)`
CMYK	42, 12, 0, 5
HSL	196.5°, 78.5, 74.5	`hsl(196.5,78.5%,74.5%)`
HSV (or HSB)	196.5°, 42.3, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.525, -15.894, -20.953
XYZ	50.315, 59.426, 92.033
xyY	0.249, 0.295, 59.426
CIE-LCH	81.525, 26.299, 232.819
CIE-LUV	81.525, -34.524, -30.902
Hunter-Lab	77.088, -18.398, -16.823
Binary	10001011, 11010101, 11110001

#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#f1a78b
```
#f1a78b rgb(241,167,139)
```

Complementary Color

#8bf1da
```
#8bf1da rgb(139,241,218)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#8ba2f1
```
#8ba2f1 rgb(139,162,241)
```

Analogous Color

#f1da8b
```
#f1da8b rgb(241,218,139)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#f18ba2
```
#f18ba2 rgb(241,139,162)
```

Split Complementary Color

#d5f18b
```
#d5f18b rgb(213,241,139)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#f18bd5
```
#f18bd5 rgb(241,139,213)
```

Triadic Color

#8bf1a7
```
#8bf1a7 rgb(139,241,167)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#f18bd5
```
#f18bd5 rgb(241,139,213)
```
#f1a78b
```
#f1a78b rgb(241,167,139)
```

Tetradic Color

#47bce9
```
#47bce9 rgb(71,188,233)
```
#5dc5ec
```
#5dc5ec rgb(93,197,236)
```
#74cdee
```
#74cdee rgb(116,205,238)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#a2ddf4
```
#a2ddf4 rgb(162,221,244)
```
#b9e5f6
```
#b9e5f6 rgb(185,229,246)
```
#cfeef9
```
#cfeef9 rgb(207,238,249)
```

Monochromatic Color

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

#8beff1
```
#8beff1 rgb(139,239,241)
```
#8be6f1
```
#8be6f1 rgb(139,230,241)
```
#8bdef1
```
#8bdef1 rgb(139,222,241)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#8bcdf1
```
#8bcdf1 rgb(139,205,241)
```
#8bc4f1
```
#8bc4f1 rgb(139,196,241)
```
#8bbcf1
```
#8bbcf1 rgb(139,188,241)
```

Similar Colors

Text with hexadecimal color #8bd5f1

This text has a font color of #8bd5f1.

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

#8bd5f1 background color

This paragraph has a background color of #8bd5f1.

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

#8bd5f1 border color

This element has a border color of #8bd5f1.

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

CSS codes

.text {color:#8bd5f1;}

.background {background-color:#8bd5f1;}

.border {border:1px solid #8bd5f1;}

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, #010507 is the darkest color, while #f4fbfe is the lightest one.

#010507
```
#010507 rgb(1,5,7)
```
#031218
```
#031218 rgb(3,18,24)
```
#05202a
```
#05202a rgb(5,32,42)
```
#072d3b
```
#072d3b rgb(7,45,59)
```
#093a4d
```
#093a4d rgb(9,58,77)
```
#0b475e
```
#0b475e rgb(11,71,94)
```
#0d5570
```
#0d5570 rgb(13,85,112)
```
#106281
```
#106281 rgb(16,98,129)
```
#126f93
```
#126f93 rgb(18,111,147)
```
#147ca4
```
#147ca4 rgb(20,124,164)
```
#168ab6
```
#168ab6 rgb(22,138,182)
```
#1897c7
```
#1897c7 rgb(24,151,199)
```
#1aa4d9
```
#1aa4d9 rgb(26,164,217)
```

Shade Color Variation

#22afe4
```
#22afe4 rgb(34,175,228)
```
#33b5e6
```
#33b5e6 rgb(51,181,230)
```
#45bce9
```
#45bce9 rgb(69,188,233)
```
#56c2eb
```
#56c2eb rgb(86,194,235)
```
#68c8ed
```
#68c8ed rgb(104,200,237)
```
#79cfef
```
#79cfef rgb(121,207,239)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#9ddbf3
```
#9ddbf3 rgb(157,219,243)
```
#aee2f5
```
#aee2f5 rgb(174,226,245)
```
#c0e8f7
```
#c0e8f7 rgb(192,232,247)
```
#d1eef9
```
#d1eef9 rgb(209,238,249)
```
#e3f5fc
```
#e3f5fc rgb(227,245,252)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#bdbebf
```
#bdbebf rgb(189,190,191)
```
#b8c1c4
```
#b8c1c4 rgb(184,193,196)
```
#b3c3c9
```
#b3c3c9 rgb(179,195,201)
```
#aec5ce
```
#aec5ce rgb(174,197,206)
```
#a9c7d3
```
#a9c7d3 rgb(169,199,211)
```
#a4cad8
```
#a4cad8 rgb(164,202,216)
```
#9fccdd
```
#9fccdd rgb(159,204,221)
```
#9acee2
```
#9acee2 rgb(154,206,226)
```
#95d0e7
```
#95d0e7 rgb(149,208,231)
```
#90d3ec
```
#90d3ec rgb(144,211,236)
```
#8bd5f1
```
#8bd5f1 rgb(139,213,241)
```
#86d7f6
```
#86d7f6 rgb(134,215,246)
```
#81dafb
```
#81dafb rgb(129,218,251)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b7c6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cbea Protanopia 1% of men
#cac9f6 Deuteranopia 1% of men
#8dd8e8 Tritanopia 0.001% of the population

Trichromacy

#b1cfed Protanomaly 1% of men, 0.01% of women
#b3cdf4 Deuteranomaly 6% of men, 0.4% of women
#8cd7eb Tritanomaly 0.01% of the population

#8bd5f1 hex color

#8bd5f1 Color Information

#8bd5f1 Color Conversion

Color Schemes with #8bd5f1

Alternatives to #8bd5f1

#8bd5f1 Preview

Shades and Tints of #8bd5f1

Tones of #8bd5f1

Color Blindness Simulator