#5894ff hex color

In a RGB color space, hex #5894ff is composed of 34.5% red, 58% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 42% magenta, 0% yellow and 0% black. It has a hue angle of 218.4 degrees, a saturation of 100% and a lightness of 67.3%. #5894ff color hex could be obtained by blending #b0ffff with #0029ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 58
- B 100
RGB color chart
- C 65
- M 42
- Y 0
- K 0
CMYK color chart

● #5894ff color description : Light blue.

The hexadecimal color #5894ff has RGB values of R:88, G:148, B:255 and CMYK values of C:0.65, M:0.42, Y:0, K:0. Its decimal value is 5805311.

Hex triplet	5894ff	`#5894ff`
RGB Decimal	88, 148, 255	`rgb(88,148,255)`
RGB Percent	34.5, 58, 100	`rgb(34.5%,58%,100%)`
CMYK	65, 42, 0, 0
HSL	218.4°, 100, 67.3	`hsl(218.4,100%,67.3%)`
HSV (or HSB)	218.4°, 65.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.06, 13.748, -59.015
XYZ	32.66, 30.472, 98.763
xyY	0.202, 0.188, 30.472
CIE-LCH	62.06, 60.596, 283.113
CIE-LUV	62.06, -25.523, -96.354
Hunter-Lab	55.202, 9.007, -67.436
Binary	01011000, 10010100, 11111111

#5894ff
```
#5894ff rgb(88,148,255)
```
#ffc358
```
#ffc358 rgb(255,195,88)
```

Complementary Color

#58e8ff
```
#58e8ff rgb(88,232,255)
```
#5894ff
```
#5894ff rgb(88,148,255)
```
#7058ff
```
#7058ff rgb(112,88,255)
```

Analogous Color

#e8ff58
```
#e8ff58 rgb(232,255,88)
```
#5894ff
```
#5894ff rgb(88,148,255)
```
#ff7058
```
#ff7058 rgb(255,112,88)
```

Split Complementary Color

#94ff58
```
#94ff58 rgb(148,255,88)
```
#5894ff
```
#5894ff rgb(88,148,255)
```
#ff5894
```
#ff5894 rgb(255,88,148)
```

Triadic Color

#58ffc3
```
#58ffc3 rgb(88,255,195)
```
#5894ff
```
#5894ff rgb(88,148,255)
```
#ff5894
```
#ff5894 rgb(255,88,148)
```
#ffc358
```
#ffc358 rgb(255,195,88)
```

Tetradic Color

#0c63ff
```
#0c63ff rgb(12,99,255)
```
#2573ff
```
#2573ff rgb(37,115,255)
```
#3f84ff
```
#3f84ff rgb(63,132,255)
```
#5894ff
```
#5894ff rgb(88,148,255)
```
#72a4ff
```
#72a4ff rgb(114,164,255)
```
#8bb5ff
```
#8bb5ff rgb(139,181,255)
```
#a5c5ff
```
#a5c5ff rgb(165,197,255)
```

Monochromatic Color

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

#58beff
```
#58beff rgb(88,190,255)
```
#58b0ff
```
#58b0ff rgb(88,176,255)
```
#58a2ff
```
#58a2ff rgb(88,162,255)
```
#5894ff
```
#5894ff rgb(88,148,255)
```
#5886ff
```
#5886ff rgb(88,134,255)
```
#5878ff
```
#5878ff rgb(88,120,255)
```
#586aff
```
#586aff rgb(88,106,255)
```

Similar Colors

Text with hexadecimal color #5894ff

This text has a font color of #5894ff.

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

#5894ff background color

This paragraph has a background color of #5894ff.

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

#5894ff border color

This element has a border color of #5894ff.

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

CSS codes

.text {color:#5894ff;}

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

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

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, #00030a is the darkest color, while #f5f9ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#000a1d
```
#000a1d rgb(0,10,29)
```
#001231
```
#001231 rgb(0,18,49)
```
#001944
```
#001944 rgb(0,25,68)
```
#002058
```
#002058 rgb(0,32,88)
```
#00276c
```
#00276c rgb(0,39,108)
```
#002e7f
```
#002e7f rgb(0,46,127)
```
#003593
```
#003593 rgb(0,53,147)
```
#003ca6
```
#003ca6 rgb(0,60,166)
```
#0043ba
```
#0043ba rgb(0,67,186)
```
#004ace
```
#004ace rgb(0,74,206)
```
#0051e1
```
#0051e1 rgb(0,81,225)
```
#0058f5
```
#0058f5 rgb(0,88,245)
```

Shade Color Variation

#0a62ff
```
#0a62ff rgb(10,98,255)
```
#1d6eff
```
#1d6eff rgb(29,110,255)
```
#317bff
```
#317bff rgb(49,123,255)
```
#4487ff
```
#4487ff rgb(68,135,255)
```
#5894ff
```
#5894ff rgb(88,148,255)
```
#6ca1ff
```
#6ca1ff rgb(108,161,255)
```
#7fadff
```
#7fadff rgb(127,173,255)
```
#93baff
```
#93baff rgb(147,186,255)
```
#a6c6ff
```
#a6c6ff rgb(166,198,255)
```
#bad3ff
```
#bad3ff rgb(186,211,255)
```
#cedfff
```
#cedfff rgb(206,223,255)
```
#e1ecff
```
#e1ecff rgb(225,236,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#a5aab2
```
#a5aab2 rgb(165,170,178)
```
#9fa8b8
```
#9fa8b8 rgb(159,168,184)
```
#98a6bf
```
#98a6bf rgb(152,166,191)
```
#92a4c5
```
#92a4c5 rgb(146,164,197)
```
#8ba2cc
```
#8ba2cc rgb(139,162,204)
```
#85a1d2
```
#85a1d2 rgb(133,161,210)
```
#7f9fd8
```
#7f9fd8 rgb(127,159,216)
```
#789ddf
```
#789ddf rgb(120,157,223)
```
#729be5
```
#729be5 rgb(114,155,229)
```
#6b99ec
```
#6b99ec rgb(107,153,236)
```
#6598f2
```
#6598f2 rgb(101,152,242)
```
#5e96f9
```
#5e96f9 rgb(94,150,249)
```
#5894ff
```
#5894ff rgb(88,148,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#838fa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a98fd Protanopia 1% of men
#479dfd Deuteranopia 1% of men
#0eaab6 Tritanopia 0.001% of the population

Trichromacy

#6396fe Protanomaly 1% of men, 0.01% of women
#4d99fe Deuteranomaly 6% of men, 0.4% of women
#29a2d1 Tritanomaly 0.01% of the population

#5894ff hex color

#5894ff Color Information

#5894ff Color Conversion

Color Schemes with #5894ff

Alternatives to #5894ff

#5894ff Preview

Shades and Tints of #5894ff

Tones of #5894ff

Color Blindness Simulator