#5894a0 hex color

In a RGB color space, hex #5894a0 is composed of 34.5% red, 58% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 7.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 190 degrees, a saturation of 29% and a lightness of 48.6%. #5894a0 color hex could be obtained by blending #b0ffff with #002941. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 58
- B 63
RGB color chart
- C 45
- M 7
- Y 0
- K 37
CMYK color chart

● #5894a0 color description : Dark moderate cyan.

The hexadecimal color #5894a0 has RGB values of R:88, G:148, B:160 and CMYK values of C:0.45, M:0.07, Y:0, K:0.37. Its decimal value is 5805216.

Hex triplet	5894a0	`#5894a0`
RGB Decimal	88, 148, 160	`rgb(88,148,160)`
RGB Percent	34.5, 58, 62.7	`rgb(34.5%,58%,62.7%)`
CMYK	45, 7, 0, 37
HSL	190°, 29, 48.6	`hsl(190,29%,48.6%)`
HSV (or HSB)	190°, 45, 62.7
Web Safe	669999	`#669999`

CIE-LAB	57.838, -16.2, -12.42
XYZ	20.958, 25.791, 37.13
xyY	0.25, 0.307, 25.791
CIE-LCH	57.838, 20.413, 217.477
CIE-LUV	57.838, -27.356, -15.996
Hunter-Lab	50.785, -15.211, -7.798
Binary	01011000, 10010100, 10100000

#5894a0
```
#5894a0 rgb(88,148,160)
```
#a06458
```
#a06458 rgb(160,100,88)
```

Complementary Color

#58a088
```
#58a088 rgb(88,160,136)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```
#5870a0
```
#5870a0 rgb(88,112,160)
```

Analogous Color

#a08858
```
#a08858 rgb(160,136,88)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```
#a05870
```
#a05870 rgb(160,88,112)
```

Split Complementary Color

#94a058
```
#94a058 rgb(148,160,88)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```
#a05894
```
#a05894 rgb(160,88,148)
```

Triadic Color

#58a064
```
#58a064 rgb(88,160,100)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```
#a05894
```
#a05894 rgb(160,88,148)
```
#a06458
```
#a06458 rgb(160,100,88)
```

Tetradic Color

#3d666f
```
#3d666f rgb(61,102,111)
```
#46767f
```
#46767f rgb(70,118,127)
```
#4f8590
```
#4f8590 rgb(79,133,144)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```
#66a0ab
```
#66a0ab rgb(102,160,171)
```
#77aab4
```
#77aab4 rgb(119,170,180)
```
#87b4bd
```
#87b4bd rgb(135,180,189)
```

Monochromatic Color

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

#58a09a
```
#58a09a rgb(88,160,154)
```
#58a0a0
```
#58a0a0 rgb(88,160,160)
```
#589aa0
```
#589aa0 rgb(88,154,160)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```
#588ea0
```
#588ea0 rgb(88,142,160)
```
#5888a0
```
#5888a0 rgb(88,136,160)
```
#5882a0
```
#5882a0 rgb(88,130,160)
```

Similar Colors

Text with hexadecimal color #5894a0

This text has a font color of #5894a0.

<span style="color:#5894a0;">Text here</span>

#5894a0 background color

This paragraph has a background color of #5894a0.

<p style="background-color:#5894a0;">Content here</p>

#5894a0 border color

This element has a border color of #5894a0.

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

CSS codes

.text {color:#5894a0;}

.background {background-color:#5894a0;}

.border {border:1px solid #5894a0;}

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1315
```
#0b1315 rgb(11,19,21)
```
#121f21
```
#121f21 rgb(18,31,33)
```
#192b2e
```
#192b2e rgb(25,43,46)
```
#20363b
```
#20363b rgb(32,54,59)
```
#274247
```
#274247 rgb(39,66,71)
```
#2e4e54
```
#2e4e54 rgb(46,78,84)
```
#355961
```
#355961 rgb(53,89,97)
```
#3c656d
```
#3c656d rgb(60,101,109)
```
#43717a
```
#43717a rgb(67,113,122)
```
#4a7d87
```
#4a7d87 rgb(74,125,135)
```
#518893
```
#518893 rgb(81,136,147)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```

Shade Color Variation

#639da9
```
#639da9 rgb(99,157,169)
```
#6fa5b0
```
#6fa5b0 rgb(111,165,176)
```
#7cadb7
```
#7cadb7 rgb(124,173,183)
```
#89b5be
```
#89b5be rgb(137,181,190)
```
#95bdc5
```
#95bdc5 rgb(149,189,197)
```
#a2c5cc
```
#a2c5cc rgb(162,197,204)
```
#afcdd3
```
#afcdd3 rgb(175,205,211)
```
#bbd5da
```
#bbd5da rgb(187,213,218)
```
#c8dde1
```
#c8dde1 rgb(200,221,225)
```
#d5e4e8
```
#d5e4e8 rgb(213,228,232)
```
#e1ecef
```
#e1ecef rgb(225,236,239)
```
#eef4f6
```
#eef4f6 rgb(238,244,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#758183
```
#758183 rgb(117,129,131)
```
#6b878d
```
#6b878d rgb(107,135,141)
```
#628e96
```
#628e96 rgb(98,142,150)
```
#5894a0
```
#5894a0 rgb(88,148,160)
```
#4e9aaa
```
#4e9aaa rgb(78,154,170)
```
#45a1b3
```
#45a1b3 rgb(69,161,179)
```
#3ba7bd
```
#3ba7bd rgb(59,167,189)
```
#32adc6
```
#32adc6 rgb(50,173,198)
```
#28b4d0
```
#28b4d0 rgb(40,180,208)
```
#1fbad9
```
#1fbad9 rgb(31,186,217)
```
#15c1e3
```
#15c1e3 rgb(21,193,227)
```
#0cc7ec
```
#0cc7ec rgb(12,199,236)
```
#02cdf6
```
#02cdf6 rgb(2,205,246)
```

Tone Color Variation

Below, you can see how #5894a0 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

#838383 Achromatopsia 0.005% of the population
#7a8689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e909f Protanopia 1% of men
#928da9 Deuteranopia 1% of men
#6099a4 Tritanopia 0.001% of the population

Trichromacy

#7a919f Protanomaly 1% of men, 0.01% of women
#7c90a5 Deuteranomaly 6% of men, 0.4% of women
#5d97a3 Tritanomaly 0.01% of the population

#5894a0 hex color

#5894a0 Color Information

#5894a0 Color Conversion

Color Schemes with #5894a0

Alternatives to #5894a0

#5894a0 Preview

Shades and Tints of #5894a0

Tones of #5894a0

Color Blindness Simulator