colorhexa.com

#5cc5f1 hex color

In a RGB color space, hex #5cc5f1 is composed of 36.1% red, 77.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 18.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 197.7 degrees, a saturation of 84.2% and a lightness of 65.3%. #5cc5f1 color hex could be obtained by blending #b8ffff with #008be3. Closest websafe color is: #66ccff.

- R 36
- G 77
- B 95
RGB color chart
- C 62
- M 18
- Y 0
- K 5
CMYK color chart

● #5cc5f1 color description : Soft blue.

The hexadecimal color #5cc5f1 has RGB values of R:92, G:197, B:241 and CMYK values of C:0.62, M:0.18, Y:0, K:0.05. Its decimal value is 6079985.

Hex triplet	5cc5f1	`#5cc5f1`
RGB Decimal	92, 197, 241	`rgb(92,197,241)`
RGB Percent	36.1, 77.3, 94.5	`rgb(36.1%,77.3%,94.5%)`
CMYK	62, 18, 0, 5
HSL	197.7°, 84.2, 65.3	`hsl(197.7,84.2%,65.3%)`
HSV (or HSB)	197.7°, 61.8, 94.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.174, -17.509, -30.823
XYZ	40.253, 48.556, 90.465
xyY	0.225, 0.271, 48.556
CIE-LCH	75.174, 35.449, 240.401
CIE-LUV	75.174, -42.04, -47.042
Hunter-Lab	69.682, -18.83, -28.196
Binary	01011100, 11000101, 11110001

#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#f1885c
```
#f1885c rgb(241,136,92)
```

Complementary Color

#5cf1d3
```
#5cf1d3 rgb(92,241,211)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#5c7bf1
```
#5c7bf1 rgb(92,123,241)
```

Analogous Color

#f1d35c
```
#f1d35c rgb(241,211,92)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#f15c7b
```
#f15c7b rgb(241,92,123)
```

Split Complementary Color

#c5f15c
```
#c5f15c rgb(197,241,92)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#f15cc5
```
#f15cc5 rgb(241,92,197)
```

Triadic Color

#5cf188
```
#5cf188 rgb(92,241,136)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#f15cc5
```
#f15cc5 rgb(241,92,197)
```
#f1885c
```
#f1885c rgb(241,136,92)
```

Tetradic Color

#16aceb
```
#16aceb rgb(22,172,235)
```
#2db4ed
```
#2db4ed rgb(45,180,237)
```
#45bdef
```
#45bdef rgb(69,189,239)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#73cdf3
```
#73cdf3 rgb(115,205,243)
```
#8bd6f5
```
#8bd6f5 rgb(139,214,245)
```
#a2def7
```
#a2def7 rgb(162,222,247)
```

Monochromatic Color

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

#5ceaf1
```
#5ceaf1 rgb(92,234,241)
```
#5cdef1
```
#5cdef1 rgb(92,222,241)
```
#5cd1f1
```
#5cd1f1 rgb(92,209,241)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#5cb9f1
```
#5cb9f1 rgb(92,185,241)
```
#5cacf1
```
#5cacf1 rgb(92,172,241)
```
#5ca0f1
```
#5ca0f1 rgb(92,160,241)
```

Similar Colors

Text with hexadecimal color #5cc5f1

This text has a font color of #5cc5f1.

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

#5cc5f1 background color

This paragraph has a background color of #5cc5f1.

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

#5cc5f1 border color

This element has a border color of #5cc5f1.

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

CSS codes

.text {color:#5cc5f1;}

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

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

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

#020d12
```
#020d12 rgb(2,13,18)
```
#031a24
```
#031a24 rgb(3,26,36)
```
#052736
```
#052736 rgb(5,39,54)
```
#063448
```
#063448 rgb(6,52,72)
```
#08425a
```
#08425a rgb(8,66,90)
```
#094f6c
```
#094f6c rgb(9,79,108)
```
#0b5c7e
```
#0b5c7e rgb(11,92,126)
```
#0c6990
```
#0c6990 rgb(12,105,144)
```
#0e76a2
```
#0e76a2 rgb(14,118,162)
```
#0f84b4
```
#0f84b4 rgb(15,132,180)
```
#1191c6
```
#1191c6 rgb(17,145,198)
```
#139ed8
```
#139ed8 rgb(19,158,216)
```
#14abea
```
#14abea rgb(20,171,234)
```

Shade Color Variation

#26b2ec
```
#26b2ec rgb(38,178,236)
```
#38b8ee
```
#38b8ee rgb(56,184,238)
```
#4abfef
```
#4abfef rgb(74,191,239)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#6ecbf3
```
#6ecbf3 rgb(110,203,243)
```
#80d2f4
```
#80d2f4 rgb(128,210,244)
```
#92d8f6
```
#92d8f6 rgb(146,216,246)
```
#a4dff7
```
#a4dff7 rgb(164,223,247)
```
#b6e5f9
```
#b6e5f9 rgb(182,229,249)
```
#c8ecfa
```
#c8ecfa rgb(200,236,250)
```
#daf2fc
```
#daf2fc rgb(218,242,252)
```
#edf8fd
```
#edf8fd rgb(237,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a0a9ad
```
#a0a9ad rgb(160,169,173)
```
#99acb4
```
#99acb4 rgb(153,172,180)
```
#92afbb
```
#92afbb rgb(146,175,187)
```
#8cb1c1
```
#8cb1c1 rgb(140,177,193)
```
#85b4c8
```
#85b4c8 rgb(133,180,200)
```
#7eb7cf
```
#7eb7cf rgb(126,183,207)
```
#77bad6
```
#77bad6 rgb(119,186,214)
```
#70bddd
```
#70bddd rgb(112,189,221)
```
#6abfe3
```
#6abfe3 rgb(106,191,227)
```
#63c2ea
```
#63c2ea rgb(99,194,234)
```
#5cc5f1
```
#5cc5f1 rgb(92,197,241)
```
#55c8f8
```
#55c8f8 rgb(85,200,248)
```
#4ecbff
```
#4ecbff rgb(78,203,255)
```

Tone Color Variation

Below, you can see how #5cc5f1 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
#9bb0b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bae9 Protanopia 1% of men
#abbaf7 Deuteranopia 1% of men
#56ccdb Tritanopia 0.001% of the population

Trichromacy

#91beec Protanomaly 1% of men, 0.01% of women
#8ebef4 Deuteranomaly 6% of men, 0.4% of women
#58c9e3 Tritanomaly 0.01% of the population