#5bdef5 hex color

In a RGB color space, hex #5bdef5 is composed of 35.7% red, 87.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 9.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 189 degrees, a saturation of 88.5% and a lightness of 65.9%. #5bdef5 color hex could be obtained by blending #b6ffff with #00bdeb. Closest websafe color is: #66ccff.

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

● #5bdef5 color description : Soft cyan.

The hexadecimal color #5bdef5 has RGB values of R:91, G:222, B:245 and CMYK values of C:0.63, M:0.09, Y:0, K:0.04. Its decimal value is 6020853.

Hex triplet	5bdef5	`#5bdef5`
RGB Decimal	91, 222, 245	`rgb(91,222,245)`
RGB Percent	35.7, 87.1, 96.1	`rgb(35.7%,87.1%,96.1%)`
CMYK	63, 9, 0, 4
HSL	189°, 88.5, 65.9	`hsl(189,88.5%,65.9%)`
HSV (or HSB)	189°, 62.9, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.409, -29.033, -21.905
XYZ	46.913, 61.055, 95.694
xyY	0.23, 0.3, 61.055
CIE-LCH	82.409, 36.369, 217.034
CIE-LUV	82.409, -51.1, -30.721
Hunter-Lab	78.138, -29.574, -17.914
Binary	01011011, 11011110, 11110101

#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#f5725b
```
#f5725b rgb(245,114,91)
```

Complementary Color

#5bf5bf
```
#5bf5bf rgb(91,245,191)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#5b91f5
```
#5b91f5 rgb(91,145,245)
```

Analogous Color

#f5bf5b
```
#f5bf5b rgb(245,191,91)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#f55b91
```
#f55b91 rgb(245,91,145)
```

Split Complementary Color

#def55b
```
#def55b rgb(222,245,91)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#f55bde
```
#f55bde rgb(245,91,222)
```

Triadic Color

#5bf572
```
#5bf572 rgb(91,245,114)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#f55bde
```
#f55bde rgb(245,91,222)
```
#f5725b
```
#f5725b rgb(245,114,91)
```

Tetradic Color

#13cff1
```
#13cff1 rgb(19,207,241)
```
#2bd4f2
```
#2bd4f2 rgb(43,212,242)
```
#43d9f4
```
#43d9f4 rgb(67,217,244)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#73e3f6
```
#73e3f6 rgb(115,227,246)
```
#8be8f8
```
#8be8f8 rgb(139,232,248)
```
#a3edf9
```
#a3edf9 rgb(163,237,249)
```

Monochromatic Color

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

#5bf5e6
```
#5bf5e6 rgb(91,245,230)
```
#5bf5f2
```
#5bf5f2 rgb(91,245,242)
```
#5bebf5
```
#5bebf5 rgb(91,235,245)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#5bd1f5
```
#5bd1f5 rgb(91,209,245)
```
#5bc4f5
```
#5bc4f5 rgb(91,196,245)
```
#5bb8f5
```
#5bb8f5 rgb(91,184,245)
```

Similar Colors

Text with hexadecimal color #5bdef5

This text has a font color of #5bdef5.

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

#5bdef5 background color

This paragraph has a background color of #5bdef5.

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

#5bdef5 border color

This element has a border color of #5bdef5.

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

CSS codes

.text {color:#5bdef5;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011215
```
#011215 rgb(1,18,21)
```
#022227
```
#022227 rgb(2,34,39)
```
#04323a
```
#04323a rgb(4,50,58)
```
#05424c
```
#05424c rgb(5,66,76)
```
#06525f
```
#06525f rgb(6,82,95)
```
#076171
```
#076171 rgb(7,97,113)
```
#087184
```
#087184 rgb(8,113,132)
```
#098196
```
#098196 rgb(9,129,150)
```
#0a91a9
```
#0a91a9 rgb(10,145,169)
```
#0ba1bb
```
#0ba1bb rgb(11,161,187)
```
#0db1ce
```
#0db1ce rgb(13,177,206)
```
#0ec1e0
```
#0ec1e0 rgb(14,193,224)
```

Shade Color Variation

#11cff0
```
#11cff0 rgb(17,207,240)
```
#24d3f2
```
#24d3f2 rgb(36,211,242)
```
#36d7f3
```
#36d7f3 rgb(54,215,243)
```
#49daf4
```
#49daf4 rgb(73,218,244)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#6de2f6
```
#6de2f6 rgb(109,226,246)
```
#80e5f7
```
#80e5f7 rgb(128,229,247)
```
#92e9f8
```
#92e9f8 rgb(146,233,248)
```
#a5edfa
```
#a5edfa rgb(165,237,250)
```
#b7f1fb
```
#b7f1fb rgb(183,241,251)
```
#caf4fc
```
#caf4fc rgb(202,244,252)
```
#dcf8fd
```
#dcf8fd rgb(220,248,253)
```
#effcfe
```
#effcfe rgb(239,252,254)
```

Tint Color Variation

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

#a5aaab
```
#a5aaab rgb(165,170,171)
```
#9eafb2
```
#9eafb2 rgb(158,175,178)
```
#97b4b9
```
#97b4b9 rgb(151,180,185)
```
#91b8bf
```
#91b8bf rgb(145,184,191)
```
#8abdc6
```
#8abdc6 rgb(138,189,198)
```
#83c2cd
```
#83c2cd rgb(131,194,205)
```
#7cc7d4
```
#7cc7d4 rgb(124,199,212)
```
#76cbda
```
#76cbda rgb(118,203,218)
```
#6fd0e1
```
#6fd0e1 rgb(111,208,225)
```
#68d5e8
```
#68d5e8 rgb(104,213,232)
```
#62d9ee
```
#62d9ee rgb(98,217,238)
```
#5bdef5
```
#5bdef5 rgb(91,222,245)
```
#54e3fc
```
#54e3fc rgb(84,227,252)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a6c0c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#caceea Protanopia 1% of men
#cacbfc Deuteranopia 1% of men
#60e0f0 Tritanopia 0.001% of the population

Trichromacy

#a1d3ee Protanomaly 1% of men, 0.01% of women
#a1d2fa Deuteranomaly 6% of men, 0.4% of women
#5edff2 Tritanomaly 0.01% of the population

#5bdef5 hex color

#5bdef5 Color Information

#5bdef5 Color Conversion

Color Schemes with #5bdef5

Alternatives to #5bdef5

#5bdef5 Preview

Shades and Tints of #5bdef5

Tones of #5bdef5

Color Blindness Simulator