#5febc2 hex color

In a RGB color space, hex #5febc2 is composed of 37.3% red, 92.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 0% magenta, 17.4% yellow and 7.8% black. It has a hue angle of 162.4 degrees, a saturation of 77.8% and a lightness of 64.7%. #5febc2 color hex could be obtained by blending #beffff with #00d785. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 37
- G 92
- B 76
RGB color chart
- C 60
- M 0
- Y 17
- K 8
CMYK color chart

● #5febc2 color description : Soft cyan - lime green.

The hexadecimal color #5febc2 has RGB values of R:95, G:235, B:194 and CMYK values of C:0.6, M:0, Y:0.17, K:0.08. Its decimal value is 6286274.

Hex triplet	5febc2	`#5febc2`
RGB Decimal	95, 235, 194	`rgb(95,235,194)`
RGB Percent	37.3, 92.2, 76.1	`rgb(37.3%,92.2%,76.1%)`
CMYK	60, 0, 17, 8
HSL	162.4°, 77.8, 64.7	`hsl(162.4,77.8%,64.7%)`
HSV (or HSB)	162.4°, 59.6, 92.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	84.864, -47.496, 8.672
XYZ	44.162, 65.741, 61.398
xyY	0.258, 0.384, 65.741
CIE-LCH	84.864, 48.281, 169.653
CIE-LUV	84.864, -57.796, 20.792
Hunter-Lab	81.081, -44.669, 11.86
Binary	01011111, 11101011, 11000010

#5febc2
```
#5febc2 rgb(95,235,194)
```
#eb5f88
```
#eb5f88 rgb(235,95,136)
```

Complementary Color

#5feb7c
```
#5feb7c rgb(95,235,124)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#5fceeb
```
#5fceeb rgb(95,206,235)
```

Analogous Color

#eb7c5f
```
#eb7c5f rgb(235,124,95)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#eb5fce
```
#eb5fce rgb(235,95,206)
```

Split Complementary Color

#ebc25f
```
#ebc25f rgb(235,194,95)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#c25feb
```
#c25feb rgb(194,95,235)
```

Triadic Color

#88eb5f
```
#88eb5f rgb(136,235,95)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#c25feb
```
#c25feb rgb(194,95,235)
```
#eb5f88
```
#eb5f88 rgb(235,95,136)
```

Tetradic Color

#1ce1a8
```
#1ce1a8 rgb(28,225,168)
```
#32e5b1
```
#32e5b1 rgb(50,229,177)
```
#48e8b9
```
#48e8b9 rgb(72,232,185)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#76eecb
```
#76eecb rgb(118,238,203)
```
#8cf1d3
```
#8cf1d3 rgb(140,241,211)
```
#a3f4dc
```
#a3f4dc rgb(163,244,220)
```

Monochromatic Color

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

#5feb9f
```
#5feb9f rgb(95,235,159)
```
#5febab
```
#5febab rgb(95,235,171)
```
#5febb6
```
#5febb6 rgb(95,235,182)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#5febce
```
#5febce rgb(95,235,206)
```
#5febd9
```
#5febd9 rgb(95,235,217)
```
#5febe5
```
#5febe5 rgb(95,235,229)
```

Similar Colors

Text with hexadecimal color #5febc2

This text has a font color of #5febc2.

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

#5febc2 background color

This paragraph has a background color of #5febc2.

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

#5febc2 border color

This element has a border color of #5febc2.

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

CSS codes

.text {color:#5febc2;}

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

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

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, #020e0b is the darkest color, while #fcfffe is the lightest one.

#020e0b
```
#020e0b rgb(2,14,11)
```
#042018
```
#042018 rgb(4,32,24)
```
#063125
```
#063125 rgb(6,49,37)
```
#084332
```
#084332 rgb(8,67,50)
```
#0b543f
```
#0b543f rgb(11,84,63)
```
#0d664c
```
#0d664c rgb(13,102,76)
```
#0f7758
```
#0f7758 rgb(15,119,88)
```
#118865
```
#118865 rgb(17,136,101)
```
#139a72
```
#139a72 rgb(19,154,114)
```
#15ab7f
```
#15ab7f rgb(21,171,127)
```
#18bd8c
```
#18bd8c rgb(24,189,140)
```
#1ace99
```
#1ace99 rgb(26,206,153)
```
#1ce0a6
```
#1ce0a6 rgb(28,224,166)
```

Shade Color Variation

#2be4ae
```
#2be4ae rgb(43,228,174)
```
#3ce7b5
```
#3ce7b5 rgb(60,231,181)
```
#4ee9bb
```
#4ee9bb rgb(78,233,187)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#70edc9
```
#70edc9 rgb(112,237,201)
```
#82efcf
```
#82efcf rgb(130,239,207)
```
#93f2d6
```
#93f2d6 rgb(147,242,214)
```
#a5f4dd
```
#a5f4dd rgb(165,244,221)
```
#b6f6e3
```
#b6f6e3 rgb(182,246,227)
```
#c8f8ea
```
#c8f8ea rgb(200,248,234)
```
#d9faf1
```
#d9faf1 rgb(217,250,241)
```
#eafcf7
```
#eafcf7 rgb(234,252,247)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#a4a6a5
```
#a4a6a5 rgb(164,166,165)
```
#9dada8
```
#9dada8 rgb(157,173,168)
```
#96b4ab
```
#96b4ab rgb(150,180,171)
```
#8fbbae
```
#8fbbae rgb(143,187,174)
```
#89c1b1
```
#89c1b1 rgb(137,193,177)
```
#82c8b4
```
#82c8b4 rgb(130,200,180)
```
#7bcfb7
```
#7bcfb7 rgb(123,207,183)
```
#74d6b9
```
#74d6b9 rgb(116,214,185)
```
#6dddbc
```
#6dddbc rgb(109,221,188)
```
#66e4bf
```
#66e4bf rgb(102,228,191)
```
#5febc2
```
#5febc2 rgb(95,235,194)
```
#58f2c5
```
#58f2c5 rgb(88,242,197)
```
#51f9c8
```
#51f9c8 rgb(81,249,200)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a9c5bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d5ba Protanopia 1% of men
#eccfcf Deuteranopia 1% of men
#7ce5f5 Tritanopia 0.001% of the population

Trichromacy

#b1ddbd Protanomaly 1% of men, 0.01% of women
#b9d9ca Deuteranomaly 6% of men, 0.4% of women
#72e7e2 Tritanomaly 0.01% of the population

#5febc2 hex color

#5febc2 Color Information

#5febc2 Color Conversion

Color Schemes with #5febc2

Alternatives to #5febc2

#5febc2 Preview

Shades and Tints of #5febc2

Tones of #5febc2

Color Blindness Simulator