#5cbddf hex color

In a RGB color space, hex #5cbddf is composed of 36.1% red, 74.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 15.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 195.6 degrees, a saturation of 67.2% and a lightness of 61.8%. #5cbddf color hex could be obtained by blending #b8ffff with #007bbf. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 74
- B 87
RGB color chart
- C 59
- M 15
- Y 0
- K 13
CMYK color chart

● #5cbddf color description : Soft blue.

The hexadecimal color #5cbddf has RGB values of R:92, G:189, B:223 and CMYK values of C:0.59, M:0.15, Y:0, K:0.13. Its decimal value is 6077919.

Hex triplet	5cbddf	`#5cbddf`
RGB Decimal	92, 189, 223	`rgb(92,189,223)`
RGB Percent	36.1, 74.1, 87.5	`rgb(36.1%,74.1%,87.5%)`
CMYK	59, 15, 0, 13
HSL	195.6°, 67.2, 61.8	`hsl(195.6,67.2%,61.8%)`
HSV (or HSB)	195.6°, 58.7, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.226, -18.764, -25.614
XYZ	35.927, 43.996, 76.407
xyY	0.23, 0.281, 43.996
CIE-LCH	72.226, 31.751, 233.775
CIE-LUV	72.226, -39.898, -37.847
Hunter-Lab	66.329, -19.392, -21.868
Binary	01011100, 10111101, 11011111

#5cbddf
```
#5cbddf rgb(92,189,223)
```
#df7e5c
```
#df7e5c rgb(223,126,92)
```

Complementary Color

#5cdfc0
```
#5cdfc0 rgb(92,223,192)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#5c7cdf
```
#5c7cdf rgb(92,124,223)
```

Analogous Color

#dfc05c
```
#dfc05c rgb(223,192,92)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#df5c7c
```
#df5c7c rgb(223,92,124)
```

Split Complementary Color

#bddf5c
```
#bddf5c rgb(189,223,92)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#df5cbd
```
#df5cbd rgb(223,92,189)
```

Triadic Color

#5cdf7e
```
#5cdf7e rgb(92,223,126)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#df5cbd
```
#df5cbd rgb(223,92,189)
```
#df7e5c
```
#df7e5c rgb(223,126,92)
```

Tetradic Color

#279ec7
```
#279ec7 rgb(39,158,199)
```
#31acd7
```
#31acd7 rgb(49,172,215)
```
#47b4db
```
#47b4db rgb(71,180,219)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#71c6e3
```
#71c6e3 rgb(113,198,227)
```
#87cee7
```
#87cee7 rgb(135,206,231)
```
#9cd7ec
```
#9cd7ec rgb(156,215,236)
```

Monochromatic Color

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

#5cdedf
```
#5cdedf rgb(92,222,223)
```
#5cd3df
```
#5cd3df rgb(92,211,223)
```
#5cc8df
```
#5cc8df rgb(92,200,223)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#5cb2df
```
#5cb2df rgb(92,178,223)
```
#5ca7df
```
#5ca7df rgb(92,167,223)
```
#5c9cdf
```
#5c9cdf rgb(92,156,223)
```

Similar Colors

Text with hexadecimal color #5cbddf

This text has a font color of #5cbddf.

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

#5cbddf background color

This paragraph has a background color of #5cbddf.

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

#5cbddf border color

This element has a border color of #5cbddf.

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

CSS codes

.text {color:#5cbddf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030e11
```
#030e11 rgb(3,14,17)
```
#071b22
```
#071b22 rgb(7,27,34)
```
#0a2832
```
#0a2832 rgb(10,40,50)
```
#0d3543
```
#0d3543 rgb(13,53,67)
```
#104253
```
#104253 rgb(16,66,83)
```
#144f63
```
#144f63 rgb(20,79,99)
```
#175c74
```
#175c74 rgb(23,92,116)
```
#1a6984
```
#1a6984 rgb(26,105,132)
```
#1d7695
```
#1d7695 rgb(29,118,149)
```
#2083a5
```
#2083a5 rgb(32,131,165)
```
#2490b5
```
#2490b5 rgb(36,144,181)
```
#279cc6
```
#279cc6 rgb(39,156,198)
```

Shade Color Variation

#2ba9d5
```
#2ba9d5 rgb(43,169,213)
```
#3bb0d9
```
#3bb0d9 rgb(59,176,217)
```
#4cb6dc
```
#4cb6dc rgb(76,182,220)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#6cc4e2
```
#6cc4e2 rgb(108,196,226)
```
#7dcae5
```
#7dcae5 rgb(125,202,229)
```
#8dd1e9
```
#8dd1e9 rgb(141,209,233)
```
#9ed8ec
```
#9ed8ec rgb(158,216,236)
```
#aedeef
```
#aedeef rgb(174,222,239)
```
#bee5f2
```
#bee5f2 rgb(190,229,242)
```
#cfebf6
```
#cfebf6 rgb(207,235,246)
```
#dff2f9
```
#dff2f9 rgb(223,242,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98a0a3 is the less saturated color, while #3ecbfd is the most saturated one.

#98a0a3
```
#98a0a3 rgb(152,160,163)
```
#91a4ab
```
#91a4ab rgb(145,164,171)
```
#89a7b2
```
#89a7b2 rgb(137,167,178)
```
#82abba
```
#82abba rgb(130,171,186)
```
#7aafc1
```
#7aafc1 rgb(122,175,193)
```
#73b2c9
```
#73b2c9 rgb(115,178,201)
```
#6bb6d0
```
#6bb6d0 rgb(107,182,208)
```
#64b9d8
```
#64b9d8 rgb(100,185,216)
```
#5cbddf
```
#5cbddf rgb(92,189,223)
```
#55c1e7
```
#55c1e7 rgb(85,193,231)
```
#4dc4ee
```
#4dc4ee rgb(77,196,238)
```
#46c8f6
```
#46c8f6 rgb(70,200,246)
```
#3ecbfd
```
#3ecbfd rgb(62,203,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#96a9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb3d8 Protanopia 1% of men
#aab2e6 Deuteranopia 1% of men
#5cc3d1 Tritanopia 0.001% of the population

Trichromacy

#8fb6da Protanomaly 1% of men, 0.01% of women
#8db6e3 Deuteranomaly 6% of men, 0.4% of women
#5cc0d6 Tritanomaly 0.01% of the population

#5cbddf hex color

#5cbddf Color Information

#5cbddf Color Conversion

Color Schemes with #5cbddf

Alternatives to #5cbddf

#5cbddf Preview

Shades and Tints of #5cbddf

Tones of #5cbddf

Color Blindness Simulator