#5dabcc hex color

In a RGB color space, hex #5dabcc is composed of 36.5% red, 67.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 16.2% magenta, 0% yellow and 20% black. It has a hue angle of 197.8 degrees, a saturation of 52.1% and a lightness of 58.2%. #5dabcc color hex could be obtained by blending #baffff with #005799. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 67
- B 80
RGB color chart
- C 54
- M 16
- Y 0
- K 20
CMYK color chart

● #5dabcc color description : Moderate blue.

The hexadecimal color #5dabcc has RGB values of R:93, G:171, B:204 and CMYK values of C:0.54, M:0.16, Y:0, K:0.2. Its decimal value is 6138828.

Hex triplet	5dabcc	`#5dabcc`
RGB Decimal	93, 171, 204	`rgb(93,171,204)`
RGB Percent	36.5, 67.1, 80	`rgb(36.5%,67.1%,80%)`
CMYK	54, 16, 0, 20
HSL	197.8°, 52.1, 58.2	`hsl(197.8,52.1%,58.2%)`
HSV (or HSB)	197.8°, 54.4, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.375, -14.733, -24.15
XYZ	29.973, 35.811, 62.456
xyY	0.234, 0.279, 35.811
CIE-LCH	66.375, 28.289, 238.615
CIE-LUV	66.375, -33.596, -35.527
Hunter-Lab	59.842, -15.317, -19.991
Binary	01011101, 10101011, 11001100

#5dabcc
```
#5dabcc rgb(93,171,204)
```
#cc7e5d
```
#cc7e5d rgb(204,126,93)
```

Complementary Color

#5dccb6
```
#5dccb6 rgb(93,204,182)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#5d74cc
```
#5d74cc rgb(93,116,204)
```

Analogous Color

#ccb65d
```
#ccb65d rgb(204,182,93)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#cc5d74
```
#cc5d74 rgb(204,93,116)
```

Split Complementary Color

#abcc5d
```
#abcc5d rgb(171,204,93)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#cc5dab
```
#cc5dab rgb(204,93,171)
```

Triadic Color

#5dcc7e
```
#5dcc7e rgb(93,204,126)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#cc5dab
```
#cc5dab rgb(204,93,171)
```
#cc7e5d
```
#cc7e5d rgb(204,126,93)
```

Tetradic Color

#3586a8
```
#3586a8 rgb(53,134,168)
```
#3b95bb
```
#3b95bb rgb(59,149,187)
```
#4aa1c6
```
#4aa1c6 rgb(74,161,198)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#70b5d2
```
#70b5d2 rgb(112,181,210)
```
#84bfd8
```
#84bfd8 rgb(132,191,216)
```
#97c9de
```
#97c9de rgb(151,201,222)
```

Monochromatic Color

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

#5dc7cc
```
#5dc7cc rgb(93,199,204)
```
#5dbecc
```
#5dbecc rgb(93,190,204)
```
#5db4cc
```
#5db4cc rgb(93,180,204)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#5da2cc
```
#5da2cc rgb(93,162,204)
```
#5d99cc
```
#5d99cc rgb(93,153,204)
```
#5d8fcc
```
#5d8fcc rgb(93,143,204)
```

Similar Colors

Text with hexadecimal color #5dabcc

This text has a font color of #5dabcc.

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

#5dabcc background color

This paragraph has a background color of #5dabcc.

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

#5dabcc border color

This element has a border color of #5dabcc.

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

CSS codes

.text {color:#5dabcc;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050e11
```
#050e11 rgb(5,14,17)
```
#0a1920
```
#0a1920 rgb(10,25,32)
```
#0f252f
```
#0f252f rgb(15,37,47)
```
#13313e
```
#13313e rgb(19,49,62)
```
#183d4d
```
#183d4d rgb(24,61,77)
```
#1d495c
```
#1d495c rgb(29,73,92)
```
#22556b
```
#22556b rgb(34,85,107)
```
#266179
```
#266179 rgb(38,97,121)
```
#2b6d88
```
#2b6d88 rgb(43,109,136)
```
#307897
```
#307897 rgb(48,120,151)
```
#3484a6
```
#3484a6 rgb(52,132,166)
```
#3990b5
```
#3990b5 rgb(57,144,181)
```

Shade Color Variation

#3f9cc3
```
#3f9cc3 rgb(63,156,195)
```
#4ea3c7
```
#4ea3c7 rgb(78,163,199)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#6cb3d1
```
#6cb3d1 rgb(108,179,209)
```
#7bbad5
```
#7bbad5 rgb(123,186,213)
```
#8ac2da
```
#8ac2da rgb(138,194,218)
```
#99cadf
```
#99cadf rgb(153,202,223)
```
#a8d2e3
```
#a8d2e3 rgb(168,210,227)
```
#b7d9e8
```
#b7d9e8 rgb(183,217,232)
```
#c5e1ed
```
#c5e1ed rgb(197,225,237)
```
#d4e9f2
```
#d4e9f2 rgb(212,233,242)
```
#e3f1f6
```
#e3f1f6 rgb(227,241,246)
```
#f2f8fb
```
#f2f8fb rgb(242,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e979b is the less saturated color, while #2cbffd is the most saturated one.

#8e979b
```
#8e979b rgb(142,151,155)
```
#869aa3
```
#869aa3 rgb(134,154,163)
```
#7e9eab
```
#7e9eab rgb(126,158,171)
```
#76a1b3
```
#76a1b3 rgb(118,161,179)
```
#6da4bc
```
#6da4bc rgb(109,164,188)
```
#65a8c4
```
#65a8c4 rgb(101,168,196)
```
#5dabcc
```
#5dabcc rgb(93,171,204)
```
#55aed4
```
#55aed4 rgb(85,174,212)
```
#4db2dc
```
#4db2dc rgb(77,178,220)
```
#44b5e5
```
#44b5e5 rgb(68,181,229)
```
#3cb8ed
```
#3cb8ed rgb(60,184,237)
```
#34bcf5
```
#34bcf5 rgb(52,188,245)
```
#2cbffd
```
#2cbffd rgb(44,191,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b9ba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da4c7 Protanopia 1% of men
#9ca3d3 Deuteranopia 1% of men
#5eb2bf Tritanopia 0.001% of the population

Trichromacy

#86a7c9 Protanomaly 1% of men, 0.01% of women
#85a6d0 Deuteranomaly 6% of men, 0.4% of women
#5dafc3 Tritanomaly 0.01% of the population

#5dabcc hex color

#5dabcc Color Information

#5dabcc Color Conversion

Color Schemes with #5dabcc

Alternatives to #5dabcc

#5dabcc Preview

Shades and Tints of #5dabcc

Tones of #5dabcc

Color Blindness Simulator