#5894aa hex color

In a RGB color space, hex #5894aa is composed of 34.5% red, 58% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 12.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 196.1 degrees, a saturation of 32.5% and a lightness of 50.6%. #5894aa color hex could be obtained by blending #b0ffff with #002955. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 58
- B 67
RGB color chart
- C 48
- M 13
- Y 0
- K 33
CMYK color chart

● #5894aa color description : Dark moderate blue.

The hexadecimal color #5894aa has RGB values of R:88, G:148, B:170 and CMYK values of C:0.48, M:0.13, Y:0, K:0.33. Its decimal value is 5805226.

Hex triplet	5894aa	`#5894aa`
RGB Decimal	88, 148, 170	`rgb(88,148,170)`
RGB Percent	34.5, 58, 66.7	`rgb(34.5%,58%,66.7%)`
CMYK	48, 13, 0, 33
HSL	196.1°, 32.5, 50.6	`hsl(196.1,32.5%,50.6%)`
HSV (or HSB)	196.1°, 48.2, 66.7
Web Safe	669999	`#669999`

CIE-LAB	58.184, -13.379, -17.596
XYZ	21.868, 26.156, 41.924
xyY	0.243, 0.291, 26.156
CIE-LCH	58.184, 22.105, 232.753
CIE-LUV	58.184, -27.113, -24.499
Hunter-Lab	51.142, -13.174, -12.803
Binary	01011000, 10010100, 10101010

#5894aa
```
#5894aa rgb(88,148,170)
```
#aa6e58
```
#aa6e58 rgb(170,110,88)
```

Complementary Color

#58aa97
```
#58aa97 rgb(88,170,151)
```
#5894aa
```
#5894aa rgb(88,148,170)
```
#586baa
```
#586baa rgb(88,107,170)
```

Analogous Color

#aa9758
```
#aa9758 rgb(170,151,88)
```
#5894aa
```
#5894aa rgb(88,148,170)
```
#aa586b
```
#aa586b rgb(170,88,107)
```

Split Complementary Color

#94aa58
```
#94aa58 rgb(148,170,88)
```
#5894aa
```
#5894aa rgb(88,148,170)
```
#aa5894
```
#aa5894 rgb(170,88,148)
```

Triadic Color

#58aa6e
```
#58aa6e rgb(88,170,110)
```
#5894aa
```
#5894aa rgb(88,148,170)
```
#aa5894
```
#aa5894 rgb(170,88,148)
```
#aa6e58
```
#aa6e58 rgb(170,110,88)
```

Tetradic Color

#3d6878
```
#3d6878 rgb(61,104,120)
```
#467789
```
#467789 rgb(70,119,137)
```
#4e869a
```
#4e869a rgb(78,134,154)
```
#5894aa
```
#5894aa rgb(88,148,170)
```
#699fb3
```
#699fb3 rgb(105,159,179)
```
#7aaabb
```
#7aaabb rgb(122,170,187)
```
#8bb4c4
```
#8bb4c4 rgb(139,180,196)
```

Monochromatic Color

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

#58a9aa
```
#58a9aa rgb(88,169,170)
```
#58a2aa
```
#58a2aa rgb(88,162,170)
```
#589baa
```
#589baa rgb(88,155,170)
```
#5894aa
```
#5894aa rgb(88,148,170)
```
#588daa
```
#588daa rgb(88,141,170)
```
#5886aa
```
#5886aa rgb(88,134,170)
```
#5880aa
```
#5880aa rgb(88,128,170)
```

Similar Colors

Text with hexadecimal color #5894aa

This text has a font color of #5894aa.

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

#5894aa background color

This paragraph has a background color of #5894aa.

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

#5894aa border color

This element has a border color of #5894aa.

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

CSS codes

.text {color:#5894aa;}

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

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

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 #f4f8f9 is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#080d0f
```
#080d0f rgb(8,13,15)
```
#0e181c
```
#0e181c rgb(14,24,28)
```
#152429
```
#152429 rgb(21,36,41)
```
#1b2f36
```
#1b2f36 rgb(27,47,54)
```
#223a43
```
#223a43 rgb(34,58,67)
```
#294550
```
#294550 rgb(41,69,80)
```
#2f515d
```
#2f515d rgb(47,81,93)
```
#365c6a
```
#365c6a rgb(54,92,106)
```
#3d6777
```
#3d6777 rgb(61,103,119)
```
#437384
```
#437384 rgb(67,115,132)
```
#4a7e91
```
#4a7e91 rgb(74,126,145)
```
#50899e
```
#50899e rgb(80,137,158)
```

Shade Color Variation

#5894aa
```
#5894aa rgb(88,148,170)
```
#659cb1
```
#659cb1 rgb(101,156,177)
```
#72a5b7
```
#72a5b7 rgb(114,165,183)
```
#7fadbe
```
#7fadbe rgb(127,173,190)
```
#8cb5c4
```
#8cb5c4 rgb(140,181,196)
```
#99becb
```
#99becb rgb(153,190,203)
```
#a6c6d2
```
#a6c6d2 rgb(166,198,210)
```
#b3ced8
```
#b3ced8 rgb(179,206,216)
```
#c0d7df
```
#c0d7df rgb(192,215,223)
```
#cddfe6
```
#cddfe6 rgb(205,223,230)
```
#dae7ec
```
#dae7ec rgb(218,231,236)
```
#e7f0f3
```
#e7f0f3 rgb(231,240,243)
```
#f4f8f9
```
#f4f8f9 rgb(244,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8283 is the less saturated color, while #0ab8f8 is the most saturated one.

#7f8283
```
#7f8283 rgb(127,130,131)
```
#75878d
```
#75878d rgb(117,135,141)
```
#6b8b97
```
#6b8b97 rgb(107,139,151)
```
#6290a0
```
#6290a0 rgb(98,144,160)
```
#5894aa
```
#5894aa rgb(88,148,170)
```
#4e98b4
```
#4e98b4 rgb(78,152,180)
```
#459dbd
```
#459dbd rgb(69,157,189)
```
#3ba1c7
```
#3ba1c7 rgb(59,161,199)
```
#31a6d1
```
#31a6d1 rgb(49,166,209)
```
#28aada
```
#28aada rgb(40,170,218)
```
#1eafe4
```
#1eafe4 rgb(30,175,228)
```
#14b3ee
```
#14b3ee rgb(20,179,238)
```
#0ab8f8
```
#0ab8f8 rgb(10,184,248)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7c888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c90a8 Protanopia 1% of men
#8d8fb2 Deuteranopia 1% of men
#5d9ba6 Tritanopia 0.001% of the population

Trichromacy

#7991a9 Protanomaly 1% of men, 0.01% of women
#7a90af Deuteranomaly 6% of men, 0.4% of women
#5b98a7 Tritanomaly 0.01% of the population

#5894aa hex color

#5894aa Color Information

#5894aa Color Conversion

Color Schemes with #5894aa

Alternatives to #5894aa

#5894aa Preview

Shades and Tints of #5894aa

Tones of #5894aa

Color Blindness Simulator