#80b6ea hex color

In a RGB color space, hex #80b6ea is composed of 50.2% red, 71.4% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 22.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 209.4 degrees, a saturation of 71.6% and a lightness of 71%. #80b6ea color hex could be obtained by blending #ffffff with #016dd5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 71
- B 92
RGB color chart
- C 45
- M 22
- Y 0
- K 8
CMYK color chart

● #80b6ea color description : Soft blue.

The hexadecimal color #80b6ea has RGB values of R:128, G:182, B:234 and CMYK values of C:0.45, M:0.22, Y:0, K:0.08. Its decimal value is 8435434.

Hex triplet	80b6ea	`#80b6ea`
RGB Decimal	128, 182, 234	`rgb(128,182,234)`
RGB Percent	50.2, 71.4, 91.8	`rgb(50.2%,71.4%,91.8%)`
CMYK	45, 22, 0, 8
HSL	209.4°, 71.6, 71	`hsl(209.4,71.6%,71%)`
HSV (or HSB)	209.4°, 45.3, 91.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.218, -4.067, -31.472
XYZ	40.478, 43.984, 84.194
xyY	0.24, 0.261, 43.984
CIE-LCH	72.218, 31.733, 262.636
CIE-LUV	72.218, -26.203, -49.645
Hunter-Lab	66.32, -7.115, -28.845
Binary	10000000, 10110110, 11101010

#80b6ea
```
#80b6ea rgb(128,182,234)
```
#eab480
```
#eab480 rgb(234,180,128)
```

Complementary Color

#80eae9
```
#80eae9 rgb(128,234,233)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#8081ea
```
#8081ea rgb(128,129,234)
```

Analogous Color

#eae980
```
#eae980 rgb(234,233,128)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#ea8081
```
#ea8081 rgb(234,128,129)
```

Split Complementary Color

#b6ea80
```
#b6ea80 rgb(182,234,128)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#ea80b6
```
#ea80b6 rgb(234,128,182)
```

Triadic Color

#80eab4
```
#80eab4 rgb(128,234,180)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#ea80b6
```
#ea80b6 rgb(234,128,182)
```
#eab480
```
#eab480 rgb(234,180,128)
```

Tetradic Color

#3e90df
```
#3e90df rgb(62,144,223)
```
#549de3
```
#549de3 rgb(84,157,227)
```
#6aa9e6
```
#6aa9e6 rgb(106,169,230)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#96c3ee
```
#96c3ee rgb(150,195,238)
```
#accff1
```
#accff1 rgb(172,207,241)
```
#c2dcf5
```
#c2dcf5 rgb(194,220,245)
```

Monochromatic Color

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

#80d1ea
```
#80d1ea rgb(128,209,234)
```
#80c8ea
```
#80c8ea rgb(128,200,234)
```
#80bfea
```
#80bfea rgb(128,191,234)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#80adea
```
#80adea rgb(128,173,234)
```
#80a4ea
```
#80a4ea rgb(128,164,234)
```
#809cea
```
#809cea rgb(128,156,234)
```

Similar Colors

Text with hexadecimal color #80b6ea

This text has a font color of #80b6ea.

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

#80b6ea background color

This paragraph has a background color of #80b6ea.

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

#80b6ea border color

This element has a border color of #80b6ea.

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

CSS codes

.text {color:#80b6ea;}

.background {background-color:#80b6ea;}

.border {border:1px solid #80b6ea;}

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

#010508
```
#010508 rgb(1,5,8)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#071829
```
#071829 rgb(7,24,41)
```
#0a223a
```
#0a223a rgb(10,34,58)
```
#0c2c4b
```
#0c2c4b rgb(12,44,75)
```
#0f365c
```
#0f365c rgb(15,54,92)
```
#12406d
```
#12406d rgb(18,64,109)
```
#154a7d
```
#154a7d rgb(21,74,125)
```
#18548e
```
#18548e rgb(24,84,142)
```
#1a5e9f
```
#1a5e9f rgb(26,94,159)
```
#1d68b0
```
#1d68b0 rgb(29,104,176)
```
#2072c1
```
#2072c1 rgb(32,114,193)
```
#237cd2
```
#237cd2 rgb(35,124,210)
```

Shade Color Variation

#2c86dc
```
#2c86dc rgb(44,134,220)
```
#3d8fdf
```
#3d8fdf rgb(61,143,223)
```
#4e99e2
```
#4e99e2 rgb(78,153,226)
```
#5ea3e4
```
#5ea3e4 rgb(94,163,228)
```
#6face7
```
#6face7 rgb(111,172,231)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#91c0ed
```
#91c0ed rgb(145,192,237)
```
#a2c9f0
```
#a2c9f0 rgb(162,201,240)
```
#b2d3f2
```
#b2d3f2 rgb(178,211,242)
```
#c3ddf5
```
#c3ddf5 rgb(195,221,245)
```
#d4e6f8
```
#d4e6f8 rgb(212,230,248)
```
#e5f0fb
```
#e5f0fb rgb(229,240,251)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

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

#b3b5b7
```
#b3b5b7 rgb(179,181,183)
```
#aeb5bc
```
#aeb5bc rgb(174,181,188)
```
#a8b5c2
```
#a8b5c2 rgb(168,181,194)
```
#a2b5c8
```
#a2b5c8 rgb(162,181,200)
```
#9cb5ce
```
#9cb5ce rgb(156,181,206)
```
#97b6d3
```
#97b6d3 rgb(151,182,211)
```
#91b6d9
```
#91b6d9 rgb(145,182,217)
```
#8bb6df
```
#8bb6df rgb(139,182,223)
```
#86b6e4
```
#86b6e4 rgb(134,182,228)
```
#80b6ea
```
#80b6ea rgb(128,182,234)
```
#7ab6f0
```
#7ab6f0 rgb(122,182,240)
```
#75b6f5
```
#75b6f5 rgb(117,182,245)
```
#6fb6fb
```
#6fb6fb rgb(111,182,251)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a3aeb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b3e6 Protanopia 1% of men
#a4b2ed Deuteranopia 1% of men
#7bbfcd Tritanopia 0.001% of the population

Trichromacy

#98b4e7 Protanomaly 1% of men, 0.01% of women
#96b3ec Deuteranomaly 6% of men, 0.4% of women
#7dbcd7 Tritanomaly 0.01% of the population

#80b6ea hex color

#80b6ea Color Information

#80b6ea Color Conversion

Color Schemes with #80b6ea

Alternatives to #80b6ea

#80b6ea Preview

Shades and Tints of #80b6ea

Tones of #80b6ea

Color Blindness Simulator