#5be4f6 hex color

In a RGB color space, hex #5be4f6 is composed of 35.7% red, 89.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 7.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 187 degrees, a saturation of 89.6% and a lightness of 66.1%. #5be4f6 color hex could be obtained by blending #b6ffff with #00c9ed. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 89
- B 96
RGB color chart
- C 63
- M 7
- Y 0
- K 4
CMYK color chart

● #5be4f6 color description : Soft cyan.

The hexadecimal color #5be4f6 has RGB values of R:91, G:228, B:246 and CMYK values of C:0.63, M:0.07, Y:0, K:0.04. Its decimal value is 6022390.

Hex triplet	5be4f6	`#5be4f6`
RGB Decimal	91, 228, 246	`rgb(91,228,246)`
RGB Percent	35.7, 89.4, 96.5	`rgb(35.7%,89.4%,96.5%)`
CMYK	63, 7, 0, 4
HSL	187°, 89.6, 66.1	`hsl(187,89.6%,66.1%)`
HSV (or HSB)	187°, 63, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.153, -31.63, -19.791
XYZ	48.688, 64.361, 97.041
xyY	0.232, 0.306, 64.361
CIE-LCH	84.153, 37.312, 212.034
CIE-LUV	84.153, -53.202, -26.851
Hunter-Lab	80.225, -32.065, -15.56
Binary	01011011, 11100100, 11110110

#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#f66d5b
```
#f66d5b rgb(246,109,91)
```

Complementary Color

#5bf6bb
```
#5bf6bb rgb(91,246,187)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#5b97f6
```
#5b97f6 rgb(91,151,246)
```

Analogous Color

#f6bb5b
```
#f6bb5b rgb(246,187,91)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#f65b97
```
#f65b97 rgb(246,91,151)
```

Split Complementary Color

#e4f65b
```
#e4f65b rgb(228,246,91)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#f65be4
```
#f65be4 rgb(246,91,228)
```

Triadic Color

#5bf66d
```
#5bf66d rgb(91,246,109)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#f65be4
```
#f65be4 rgb(246,91,228)
```
#f66d5b
```
#f66d5b rgb(246,109,91)
```

Tetradic Color

#12d8f2
```
#12d8f2 rgb(18,216,242)
```
#2bdcf3
```
#2bdcf3 rgb(43,220,243)
```
#43e0f5
```
#43e0f5 rgb(67,224,245)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#73e8f7
```
#73e8f7 rgb(115,232,247)
```
#8becf9
```
#8becf9 rgb(139,236,249)
```
#a4f0fa
```
#a4f0fa rgb(164,240,250)
```

Monochromatic Color

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

#5bf6e1
```
#5bf6e1 rgb(91,246,225)
```
#5bf6ee
```
#5bf6ee rgb(91,246,238)
```
#5bf1f6
```
#5bf1f6 rgb(91,241,246)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#5bd7f6
```
#5bd7f6 rgb(91,215,246)
```
#5bcaf6
```
#5bcaf6 rgb(91,202,246)
```
#5bbdf6
```
#5bbdf6 rgb(91,189,246)
```

Similar Colors

Text with hexadecimal color #5be4f6

This text has a font color of #5be4f6.

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

#5be4f6 background color

This paragraph has a background color of #5be4f6.

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

#5be4f6 border color

This element has a border color of #5be4f6.

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

CSS codes

.text {color:#5be4f6;}

.background {background-color:#5be4f6;}

.border {border:1px solid #5be4f6;}

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

#000303
```
#000303 rgb(0,3,3)
```
#011416
```
#011416 rgb(1,20,22)
```
#022429
```
#022429 rgb(2,36,41)
```
#03353b
```
#03353b rgb(3,53,59)
```
#04454e
```
#04454e rgb(4,69,78)
```
#055660
```
#055660 rgb(5,86,96)
```
#066673
```
#066673 rgb(6,102,115)
```
#077786
```
#077786 rgb(7,119,134)
```
#088798
```
#088798 rgb(8,135,152)
```
#0998ab
```
#0998ab rgb(9,152,171)
```
#0aa9bd
```
#0aa9bd rgb(10,169,189)
```
#0bb9d0
```
#0bb9d0 rgb(11,185,208)
```
#0ccae2
```
#0ccae2 rgb(12,202,226)
```

Shade Color Variation

#11d8f2
```
#11d8f2 rgb(17,216,242)
```
#23dbf3
```
#23dbf3 rgb(35,219,243)
```
#36def4
```
#36def4 rgb(54,222,244)
```
#48e1f5
```
#48e1f5 rgb(72,225,245)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#6ee7f7
```
#6ee7f7 rgb(110,231,247)
```
#80eaf8
```
#80eaf8 rgb(128,234,248)
```
#93edf9
```
#93edf9 rgb(147,237,249)
```
#a5f0fa
```
#a5f0fa rgb(165,240,250)
```
#b8f3fb
```
#b8f3fb rgb(184,243,251)
```
#cbf6fc
```
#cbf6fc rgb(203,246,252)
```
#ddf9fd
```
#ddf9fd rgb(221,249,253)
```
#f0fcfe
```
#f0fcfe rgb(240,252,254)
```

Tint Color Variation

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

#a4acad
```
#a4acad rgb(164,172,173)
```
#9eb1b3
```
#9eb1b3 rgb(158,177,179)
```
#97b6ba
```
#97b6ba rgb(151,182,186)
```
#90bbc1
```
#90bbc1 rgb(144,187,193)
```
#8ac0c7
```
#8ac0c7 rgb(138,192,199)
```
#83c5ce
```
#83c5ce rgb(131,197,206)
```
#7ccad5
```
#7ccad5 rgb(124,202,213)
```
#76d0db
```
#76d0db rgb(118,208,219)
```
#6fd5e2
```
#6fd5e2 rgb(111,213,226)
```
#68dae9
```
#68dae9 rgb(104,218,233)
```
#62dfef
```
#62dfef rgb(98,223,239)
```
#5be4f6
```
#5be4f6 rgb(91,228,246)
```
#54e9fd
```
#54e9fd rgb(84,233,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a9c5c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d2eb Protanopia 1% of men
#d1d0fe Deuteranopia 1% of men
#63e5f6 Tritanopia 0.001% of the population

Trichromacy

#a5d9ef Protanomaly 1% of men, 0.01% of women
#a6d7fb Deuteranomaly 6% of men, 0.4% of women
#60e4f6 Tritanomaly 0.01% of the population

#5be4f6 hex color

#5be4f6 Color Information

#5be4f6 Color Conversion

Color Schemes with #5be4f6

Alternatives to #5be4f6

#5be4f6 Preview

Shades and Tints of #5be4f6

Tones of #5be4f6

Color Blindness Simulator