#5cebec hex color

In a RGB color space, hex #5cebec is composed of 36.1% red, 92.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 0.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 180.4 degrees, a saturation of 79.1% and a lightness of 64.3%. #5cebec color hex could be obtained by blending #b8ffff with #00d7d9. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 36
- G 92
- B 93
RGB color chart
- C 61
- M 0
- Y 0
- K 7
CMYK color chart

● #5cebec color description : Soft cyan.

The hexadecimal color #5cebec has RGB values of R:92, G:235, B:236 and CMYK values of C:0.61, M:0, Y:0, K:0.07. Its decimal value is 6089708.

Hex triplet	5cebec	`#5cebec`
RGB Decimal	92, 235, 236	`rgb(92,235,236)`
RGB Percent	36.1, 92.2, 92.5	`rgb(36.1%,92.2%,92.5%)`
CMYK	61, 0, 0, 7
HSL	180.4°, 79.1, 64.3	`hsl(180.4,79.1%,64.3%)`
HSV (or HSB)	180.4°, 61, 92.5
Web Safe	66ffff	`#66ffff`

CIE-LAB	85.878, -37.51, -11.928
XYZ	49.258, 67.744, 89.832
xyY	0.238, 0.328, 67.744
CIE-LCH	85.878, 39.361, 197.64
CIE-LUV	85.878, -56.091, -12.957
Hunter-Lab	82.307, -37.211, -7.096
Binary	01011100, 11101011, 11101100

#5cebec
```
#5cebec rgb(92,235,236)
```
#ec5d5c
```
#ec5d5c rgb(236,93,92)
```

Complementary Color

#5ceca5
```
#5ceca5 rgb(92,236,165)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#5ca3ec
```
#5ca3ec rgb(92,163,236)
```

Analogous Color

#eca55c
```
#eca55c rgb(236,165,92)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#ec5ca3
```
#ec5ca3 rgb(236,92,163)
```

Split Complementary Color

#ebec5c
```
#ebec5c rgb(235,236,92)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#ec5ceb
```
#ec5ceb rgb(236,92,235)
```

Triadic Color

#5cec5d
```
#5cec5d rgb(92,236,93)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#ec5ceb
```
#ec5ceb rgb(236,92,235)
```
#ec5d5c
```
#ec5d5c rgb(236,93,92)
```

Tetradic Color

#1ae0e1
```
#1ae0e1 rgb(26,224,225)
```
#2ee5e7
```
#2ee5e7 rgb(46,229,231)
```
#45e8e9
```
#45e8e9 rgb(69,232,233)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#73eeef
```
#73eeef rgb(115,238,239)
```
#8af1f1
```
#8af1f1 rgb(138,241,241)
```
#a1f3f4
```
#a1f3f4 rgb(161,243,244)
```

Monochromatic Color

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

#5cecc9
```
#5cecc9 rgb(92,236,201)
```
#5cecd5
```
#5cecd5 rgb(92,236,213)
```
#5cece1
```
#5cece1 rgb(92,236,225)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#5cdfec
```
#5cdfec rgb(92,223,236)
```
#5cd3ec
```
#5cd3ec rgb(92,211,236)
```
#5cc7ec
```
#5cc7ec rgb(92,199,236)
```

Similar Colors

Text with hexadecimal color #5cebec

This text has a font color of #5cebec.

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

#5cebec background color

This paragraph has a background color of #5cebec.

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

#5cebec border color

This element has a border color of #5cebec.

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

CSS codes

.text {color:#5cebec;}

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

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

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, #010d0d is the darkest color, while #fafefe is the lightest one.

#010d0d
```
#010d0d rgb(1,13,13)
```
#041e1e
```
#041e1e rgb(4,30,30)
```
#063030
```
#063030 rgb(6,48,48)
```
#084141
```
#084141 rgb(8,65,65)
```
#0a5253
```
#0a5253 rgb(10,82,83)
```
#0c6465
```
#0c6465 rgb(12,100,101)
```
#0e7576
```
#0e7576 rgb(14,117,118)
```
#108788
```
#108788 rgb(16,135,136)
```
#129899
```
#129899 rgb(18,152,153)
```
#14aaab
```
#14aaab rgb(20,170,171)
```
#16bbbc
```
#16bbbc rgb(22,187,188)
```
#18cdce
```
#18cdce rgb(24,205,206)
```
#1adedf
```
#1adedf rgb(26,222,223)
```

Shade Color Variation

#27e5e6
```
#27e5e6 rgb(39,229,230)
```
#39e7e8
```
#39e7e8 rgb(57,231,232)
```
#4ae9ea
```
#4ae9ea rgb(74,233,234)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#6eedee
```
#6eedee rgb(110,237,238)
```
#7feff0
```
#7feff0 rgb(127,239,240)
```
#91f1f2
```
#91f1f2 rgb(145,241,242)
```
#a2f4f4
```
#a2f4f4 rgb(162,244,244)
```
#b4f6f6
```
#b4f6f6 rgb(180,246,246)
```
#c5f8f8
```
#c5f8f8 rgb(197,248,248)
```
#d7fafa
```
#d7fafa rgb(215,250,250)
```
#e9fcfc
```
#e9fcfc rgb(233,252,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#a2a6a6
```
#a2a6a6 rgb(162,166,166)
```
#9badad
```
#9badad rgb(155,173,173)
```
#94b4b4
```
#94b4b4 rgb(148,180,180)
```
#8dbbbb
```
#8dbbbb rgb(141,187,187)
```
#86c2c2
```
#86c2c2 rgb(134,194,194)
```
#7fc8c9
```
#7fc8c9 rgb(127,200,201)
```
#78cfd0
```
#78cfd0 rgb(120,207,208)
```
#71d6d7
```
#71d6d7 rgb(113,214,215)
```
#6addde
```
#6addde rgb(106,221,222)
```
#63e4e5
```
#63e4e5 rgb(99,228,229)
```
#5cebec
```
#5cebec rgb(92,235,236)
```
#55f2f3
```
#55f2f3 rgb(85,242,243)
```
#4ef9fa
```
#4ef9fa rgb(78,249,250)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#acc9c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d7e1 Protanopia 1% of men
#ded3f5 Deuteranopia 1% of men
#6ce9fa Tritanopia 0.001% of the population

Trichromacy

#acdee5 Protanomaly 1% of men, 0.01% of women
#afdcf2 Deuteranomaly 6% of men, 0.4% of women
#66eaf5 Tritanomaly 0.01% of the population

#5cebec hex color

#5cebec Color Information

#5cebec Color Conversion

Color Schemes with #5cebec

Alternatives to #5cebec

#5cebec Preview

Shades and Tints of #5cebec

Tones of #5cebec

Color Blindness Simulator