#5cc5f5 hex color

In a RGB color space, hex #5cc5f5 is composed of 36.1% red, 77.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 19.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 198.8 degrees, a saturation of 88.4% and a lightness of 66.1%. #5cc5f5 color hex could be obtained by blending #b8ffff with #008beb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 77
- B 96
RGB color chart
- C 62
- M 20
- Y 0
- K 4
CMYK color chart

● #5cc5f5 color description : Soft blue.

The hexadecimal color #5cc5f5 has RGB values of R:92, G:197, B:245 and CMYK values of C:0.62, M:0.2, Y:0, K:0.04. Its decimal value is 6079989.

Hex triplet	5cc5f5	`#5cc5f5`
RGB Decimal	92, 197, 245	`rgb(92,197,245)`
RGB Percent	36.1, 77.3, 96.1	`rgb(36.1%,77.3%,96.1%)`
CMYK	62, 20, 0, 4
HSL	198.8°, 88.4, 66.1	`hsl(198.8,88.4%,66.1%)`
HSV (or HSB)	198.8°, 62.4, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.325, -16.291, -32.742
XYZ	40.857, 48.797, 93.647
xyY	0.223, 0.266, 48.797
CIE-LCH	75.325, 36.571, 243.547
CIE-LUV	75.325, -41.861, -50.494
Hunter-Lab	69.855, -17.845, -30.585
Binary	01011100, 11000101, 11110101

#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#f58c5c
```
#f58c5c rgb(245,140,92)
```

Complementary Color

#5cf5d9
```
#5cf5d9 rgb(92,245,217)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#5c79f5
```
#5c79f5 rgb(92,121,245)
```

Analogous Color

#f5d95c
```
#f5d95c rgb(245,217,92)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#f55c79
```
#f55c79 rgb(245,92,121)
```

Split Complementary Color

#c5f55c
```
#c5f55c rgb(197,245,92)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#f55cc5
```
#f55cc5 rgb(245,92,197)
```

Triadic Color

#5cf58c
```
#5cf58c rgb(92,245,140)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#f55cc5
```
#f55cc5 rgb(245,92,197)
```
#f58c5c
```
#f58c5c rgb(245,140,92)
```

Tetradic Color

#14abf1
```
#14abf1 rgb(20,171,241)
```
#2cb4f2
```
#2cb4f2 rgb(44,180,242)
```
#44bcf4
```
#44bcf4 rgb(68,188,244)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#74cef6
```
#74cef6 rgb(116,206,246)
```
#8cd6f8
```
#8cd6f8 rgb(140,214,248)
```
#a4dff9
```
#a4dff9 rgb(164,223,249)
```

Monochromatic Color

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

#5cebf5
```
#5cebf5 rgb(92,235,245)
```
#5cdff5
```
#5cdff5 rgb(92,223,245)
```
#5cd2f5
```
#5cd2f5 rgb(92,210,245)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#5cb8f5
```
#5cb8f5 rgb(92,184,245)
```
#5cacf5
```
#5cacf5 rgb(92,172,245)
```
#5c9ff5
```
#5c9ff5 rgb(92,159,245)
```

Similar Colors

Text with hexadecimal color #5cc5f5

This text has a font color of #5cc5f5.

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

#5cc5f5 background color

This paragraph has a background color of #5cc5f5.

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

#5cc5f5 border color

This element has a border color of #5cc5f5.

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

CSS codes

.text {color:#5cc5f5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010f16
```
#010f16 rgb(1,15,22)
```
#021c28
```
#021c28 rgb(2,28,40)
```
#04293b
```
#04293b rgb(4,41,59)
```
#05374d
```
#05374d rgb(5,55,77)
```
#064460
```
#064460 rgb(6,68,96)
```
#075172
```
#075172 rgb(7,81,114)
```
#085e85
```
#085e85 rgb(8,94,133)
```
#096b97
```
#096b97 rgb(9,107,151)
```
#0a78aa
```
#0a78aa rgb(10,120,170)
```
#0c85bc
```
#0c85bc rgb(12,133,188)
```
#0d92cf
```
#0d92cf rgb(13,146,207)
```
#0e9fe1
```
#0e9fe1 rgb(14,159,225)
```

Shade Color Variation

#12abf0
```
#12abf0 rgb(18,171,240)
```
#25b1f2
```
#25b1f2 rgb(37,177,242)
```
#37b8f3
```
#37b8f3 rgb(55,184,243)
```
#4abef4
```
#4abef4 rgb(74,190,244)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#6eccf6
```
#6eccf6 rgb(110,204,246)
```
#81d2f7
```
#81d2f7 rgb(129,210,247)
```
#93d9f8
```
#93d9f8 rgb(147,217,248)
```
#a6dffa
```
#a6dffa rgb(166,223,250)
```
#b8e6fb
```
#b8e6fb rgb(184,230,251)
```
#cbecfc
```
#cbecfc rgb(203,236,252)
```
#ddf3fd
```
#ddf3fd rgb(221,243,253)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

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

#a5aaac
```
#a5aaac rgb(165,170,172)
```
#9facb2
```
#9facb2 rgb(159,172,178)
```
#98afb9
```
#98afb9 rgb(152,175,185)
```
#91b1c0
```
#91b1c0 rgb(145,177,192)
```
#8bb4c6
```
#8bb4c6 rgb(139,180,198)
```
#84b6cd
```
#84b6cd rgb(132,182,205)
```
#7db9d4
```
#7db9d4 rgb(125,185,212)
```
#77bbda
```
#77bbda rgb(119,187,218)
```
#70bee1
```
#70bee1 rgb(112,190,225)
```
#69c0e8
```
#69c0e8 rgb(105,192,232)
```
#63c3ee
```
#63c3ee rgb(99,195,238)
```
#5cc5f5
```
#5cc5f5 rgb(92,197,245)
```
#55c7fc
```
#55c7fc rgb(85,199,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9bb0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbbed Protanopia 1% of men
#a9bafa Deuteranopia 1% of men
#53ccdb Tritanopia 0.001% of the population

Trichromacy

#91beef Protanomaly 1% of men, 0.01% of women
#8dbef8 Deuteranomaly 6% of men, 0.4% of women
#56c9e4 Tritanomaly 0.01% of the population

#5cc5f5 hex color

#5cc5f5 Color Information

#5cc5f5 Color Conversion

Color Schemes with #5cc5f5

Alternatives to #5cc5f5

#5cc5f5 Preview

Shades and Tints of #5cc5f5

Tones of #5cc5f5

Color Blindness Simulator