#5ac3d0 hex color

In a RGB color space, hex #5ac3d0 is composed of 35.3% red, 76.5% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 6.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 186.6 degrees, a saturation of 55.7% and a lightness of 58.4%. #5ac3d0 color hex could be obtained by blending #b4ffff with #0087a1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 76
- B 82
RGB color chart
- C 57
- M 6
- Y 0
- K 18
CMYK color chart

● #5ac3d0 color description : Moderate cyan.

The hexadecimal color #5ac3d0 has RGB values of R:90, G:195, B:208 and CMYK values of C:0.57, M:0.06, Y:0, K:0.18. Its decimal value is 5948368.

Hex triplet	5ac3d0	`#5ac3d0`
RGB Decimal	90, 195, 208	`rgb(90,195,208)`
RGB Percent	35.3, 76.5, 81.6	`rgb(35.3%,76.5%,81.6%)`
CMYK	57, 6, 0, 18
HSL	186.6°, 55.7, 58.4	`hsl(186.6,55.7%,58.4%)`
HSV (or HSB)	186.6°, 56.7, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.386, -26.517, -15.703
XYZ	35.114, 45.755, 66.652
xyY	0.238, 0.31, 45.755
CIE-LCH	73.386, 30.818, 210.633
CIE-LUV	73.386, -43.317, -20.426
Hunter-Lab	67.643, -25.715, -11.072
Binary	01011010, 11000011, 11010000

#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#d0675a
```
#d0675a rgb(208,103,90)
```

Complementary Color

#5ad0a2
```
#5ad0a2 rgb(90,208,162)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#5a88d0
```
#5a88d0 rgb(90,136,208)
```

Analogous Color

#d0a25a
```
#d0a25a rgb(208,162,90)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#d05a88
```
#d05a88 rgb(208,90,136)
```

Split Complementary Color

#c3d05a
```
#c3d05a rgb(195,208,90)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#d05ac3
```
#d05ac3 rgb(208,90,195)
```

Triadic Color

#5ad067
```
#5ad067 rgb(90,208,103)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#d05ac3
```
#d05ac3 rgb(208,90,195)
```
#d0675a
```
#d0675a rgb(208,103,90)
```

Tetradic Color

#319fac
```
#319fac rgb(49,159,172)
```
#37b1c0
```
#37b1c0 rgb(55,177,192)
```
#46bcca
```
#46bcca rgb(70,188,202)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#6ecad6
```
#6ecad6 rgb(110,202,214)
```
#82d1db
```
#82d1db rgb(130,209,219)
```
#96d9e1
```
#96d9e1 rgb(150,217,225)
```

Monochromatic Color

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

#5ad0c0
```
#5ad0c0 rgb(90,208,192)
```
#5ad0c9
```
#5ad0c9 rgb(90,208,201)
```
#5acdd0
```
#5acdd0 rgb(90,205,208)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#5ab9d0
```
#5ab9d0 rgb(90,185,208)
```
#5aafd0
```
#5aafd0 rgb(90,175,208)
```
#5aa6d0
```
#5aa6d0 rgb(90,166,208)
```

Similar Colors

Text with hexadecimal color #5ac3d0

This text has a font color of #5ac3d0.

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

#5ac3d0 background color

This paragraph has a background color of #5ac3d0.

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

#5ac3d0 border color

This element has a border color of #5ac3d0.

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

CSS codes

.text {color:#5ac3d0;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051112
```
#051112 rgb(5,17,18)
```
#0a1f21
```
#0a1f21 rgb(10,31,33)
```
#0e2d31
```
#0e2d31 rgb(14,45,49)
```
#123b40
```
#123b40 rgb(18,59,64)
```
#17494f
```
#17494f rgb(23,73,79)
```
#1b575f
```
#1b575f rgb(27,87,95)
```
#1f656e
```
#1f656e rgb(31,101,110)
```
#24737d
```
#24737d rgb(36,115,125)
```
#28818c
```
#28818c rgb(40,129,140)
```
#2c8f9c
```
#2c8f9c rgb(44,143,156)
```
#319dab
```
#319dab rgb(49,157,171)
```
#35abba
```
#35abba rgb(53,171,186)
```

Shade Color Variation

#3bb8c7
```
#3bb8c7 rgb(59,184,199)
```
#4bbdcc
```
#4bbdcc rgb(75,189,204)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#69c9d4
```
#69c9d4 rgb(105,201,212)
```
#79ced9
```
#79ced9 rgb(121,206,217)
```
#88d4dd
```
#88d4dd rgb(136,212,221)
```
#97d9e1
```
#97d9e1 rgb(151,217,225)
```
#a6dfe6
```
#a6dfe6 rgb(166,223,230)
```
#b6e4ea
```
#b6e4ea rgb(182,228,234)
```
#c5eaee
```
#c5eaee rgb(197,234,238)
```
#d4eff3
```
#d4eff3 rgb(212,239,243)
```
#e3f5f7
```
#e3f5f7 rgb(227,245,247)
```
#f3fbfb
```
#f3fbfb rgb(243,251,251)
```

Tint Color Variation

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

#939697
```
#939697 rgb(147,150,151)
```
#8b9d9f
```
#8b9d9f rgb(139,157,159)
```
#83a3a7
```
#83a3a7 rgb(131,163,167)
```
#7baaaf
```
#7baaaf rgb(123,170,175)
```
#72b0b8
```
#72b0b8 rgb(114,176,184)
```
#6ab6c0
```
#6ab6c0 rgb(106,182,192)
```
#62bdc8
```
#62bdc8 rgb(98,189,200)
```
#5ac3d0
```
#5ac3d0 rgb(90,195,208)
```
#52c9d8
```
#52c9d8 rgb(82,201,216)
```
#4ad0e0
```
#4ad0e0 rgb(74,208,224)
```
#42d6e8
```
#42d6e8 rgb(66,214,232)
```
#39dcf1
```
#39dcf1 rgb(57,220,241)
```
#31e3f9
```
#31e3f9 rgb(49,227,249)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#96abae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b6c9 Protanopia 1% of men
#b8b4d9 Deuteranopia 1% of men
#63c5d4 Tritanopia 0.001% of the population

Trichromacy

#94bbcb Protanomaly 1% of men, 0.01% of women
#95b9d5 Deuteranomaly 6% of men, 0.4% of women
#60c4d2 Tritanomaly 0.01% of the population

#5ac3d0 hex color

#5ac3d0 Color Information

#5ac3d0 Color Conversion

Color Schemes with #5ac3d0

Alternatives to #5ac3d0

#5ac3d0 Preview

Shades and Tints of #5ac3d0

Tones of #5ac3d0

Color Blindness Simulator