colorhexa.com

#8bd4f1 hex color

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

- R 55
- G 83
- B 95
RGB color chart
- C 42
- M 12
- Y 0
- K 5
CMYK color chart

● #8bd4f1 color description : Very soft blue.

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

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

CIE-LAB	81.25, -15.381, -21.37
XYZ	50.064, 58.924, 91.95
xyY	0.249, 0.293, 58.924
CIE-LCH	81.25, 26.33, 234.257
CIE-LUV	81.25, -34.125, -31.662
Hunter-Lab	76.762, -17.916, -17.287
Binary	10001011, 11010100, 11110001

#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#f1a88b
```
#f1a88b rgb(241,168,139)
```

Complementary Color

#8bf1db
```
#8bf1db rgb(139,241,219)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#8ba1f1
```
#8ba1f1 rgb(139,161,241)
```

Analogous Color

#f1db8b
```
#f1db8b rgb(241,219,139)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#f18ba1
```
#f18ba1 rgb(241,139,161)
```

Split Complementary Color

#d4f18b
```
#d4f18b rgb(212,241,139)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#f18bd4
```
#f18bd4 rgb(241,139,212)
```

Triadic Color

#8bf1a8
```
#8bf1a8 rgb(139,241,168)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#f18bd4
```
#f18bd4 rgb(241,139,212)
```
#f1a88b
```
#f1a88b rgb(241,168,139)
```

Tetradic Color

#47bbe9
```
#47bbe9 rgb(71,187,233)
```
#5dc3ec
```
#5dc3ec rgb(93,195,236)
```
#74ccee
```
#74ccee rgb(116,204,238)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#a2dcf4
```
#a2dcf4 rgb(162,220,244)
```
#b9e5f6
```
#b9e5f6 rgb(185,229,246)
```
#cfedf9
```
#cfedf9 rgb(207,237,249)
```

Monochromatic Color

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

#8beef1
```
#8beef1 rgb(139,238,241)
```
#8be5f1
```
#8be5f1 rgb(139,229,241)
```
#8bddf1
```
#8bddf1 rgb(139,221,241)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#8bccf1
```
#8bccf1 rgb(139,204,241)
```
#8bc3f1
```
#8bc3f1 rgb(139,195,241)
```
#8bbbf1
```
#8bbbf1 rgb(139,187,241)
```

Similar Colors

Text with hexadecimal color #8bd4f1

This text has a font color of #8bd4f1.

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

#8bd4f1 background color

This paragraph has a background color of #8bd4f1.

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

#8bd4f1 border color

This element has a border color of #8bd4f1.

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

CSS codes

.text {color:#8bd4f1;}

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

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

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)
```
#051f2a
```
#051f2a rgb(5,31,42)
```
#072c3b
```
#072c3b rgb(7,44,59)
```
#09394d
```
#09394d rgb(9,57,77)
```
#0b475e
```
#0b475e rgb(11,71,94)
```
#0d5470
```
#0d5470 rgb(13,84,112)
```
#106181
```
#106181 rgb(16,97,129)
```
#126e93
```
#126e93 rgb(18,110,147)
```
#147ba4
```
#147ba4 rgb(20,123,164)
```
#1688b6
```
#1688b6 rgb(22,136,182)
```
#1895c7
```
#1895c7 rgb(24,149,199)
```
#1aa2d9
```
#1aa2d9 rgb(26,162,217)
```

Shade Color Variation

#22ade4
```
#22ade4 rgb(34,173,228)
```
#33b4e6
```
#33b4e6 rgb(51,180,230)
```
#45bae9
```
#45bae9 rgb(69,186,233)
```
#56c1eb
```
#56c1eb rgb(86,193,235)
```
#68c7ed
```
#68c7ed rgb(104,199,237)
```
#79ceef
```
#79ceef rgb(121,206,239)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#9ddaf3
```
#9ddaf3 rgb(157,218,243)
```
#aee1f5
```
#aee1f5 rgb(174,225,245)
```
#c0e7f7
```
#c0e7f7 rgb(192,231,247)
```
#d1eef9
```
#d1eef9 rgb(209,238,249)
```
#e3f4fc
```
#e3f4fc rgb(227,244,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 #81d8fb 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)
```
#a4c9d8
```
#a4c9d8 rgb(164,201,216)
```
#9fcbdd
```
#9fcbdd rgb(159,203,221)
```
#9acee2
```
#9acee2 rgb(154,206,226)
```
#95d0e7
```
#95d0e7 rgb(149,208,231)
```
#90d2ec
```
#90d2ec rgb(144,210,236)
```
#8bd4f1
```
#8bd4f1 rgb(139,212,241)
```
#86d6f6
```
#86d6f6 rgb(134,214,246)
```
#81d8fb
```
#81d8fb rgb(129,216,251)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#b6c5cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cbea Protanopia 1% of men
#c9c8f6 Deuteranopia 1% of men
#8dd7e7 Tritanopia 0.001% of the population

Trichromacy

#b0ceed Protanomaly 1% of men, 0.01% of women
#b2ccf4 Deuteranomaly 6% of men, 0.4% of women
#8cd6eb Tritanomaly 0.01% of the population