#5481ea hex color

In a RGB color space, hex #5481ea is composed of 32.9% red, 50.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 44.9% magenta, 0% yellow and 8.2% black. It has a hue angle of 222 degrees, a saturation of 78.1% and a lightness of 62.4%. #5481ea color hex could be obtained by blending #a8ffff with #0003d5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 51
- B 92
RGB color chart
- C 64
- M 45
- Y 0
- K 8
CMYK color chart

● #5481ea color description : Soft blue.

The hexadecimal color #5481ea has RGB values of R:84, G:129, B:234 and CMYK values of C:0.64, M:0.45, Y:0, K:0.08. Its decimal value is 5538282.

Hex triplet	5481ea	`#5481ea`
RGB Decimal	84, 129, 234	`rgb(84,129,234)`
RGB Percent	32.9, 50.6, 91.8	`rgb(32.9%,50.6%,91.8%)`
CMYK	64, 45, 0, 8
HSL	222°, 78.1, 62.4	`hsl(222,78.1%,62.4%)`
HSV (or HSB)	222°, 64.1, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.608, 17.387, -57.749
XYZ	26.354, 23.524, 80.989
xyY	0.201, 0.18, 23.524
CIE-LCH	55.608, 60.31, 286.756
CIE-LUV	55.608, -20.536, -92.572
Hunter-Lab	48.502, 12.114, -65.052
Binary	01010100, 10000001, 11101010

#5481ea
```
#5481ea rgb(84,129,234)
```
#eabd54
```
#eabd54 rgb(234,189,84)
```

Complementary Color

#54ccea
```
#54ccea rgb(84,204,234)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#7254ea
```
#7254ea rgb(114,84,234)
```

Analogous Color

#ccea54
```
#ccea54 rgb(204,234,84)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#ea7254
```
#ea7254 rgb(234,114,84)
```

Split Complementary Color

#81ea54
```
#81ea54 rgb(129,234,84)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#ea5481
```
#ea5481 rgb(234,84,129)
```

Triadic Color

#54eabd
```
#54eabd rgb(84,234,189)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#ea5481
```
#ea5481 rgb(234,84,129)
```
#eabd54
```
#eabd54 rgb(234,189,84)
```

Tetradic Color

#1a53d7
```
#1a53d7 rgb(26,83,215)
```
#2760e4
```
#2760e4 rgb(39,96,228)
```
#3d70e7
```
#3d70e7 rgb(61,112,231)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#6b92ed
```
#6b92ed rgb(107,146,237)
```
#81a2f0
```
#81a2f0 rgb(129,162,240)
```
#98b3f2
```
#98b3f2 rgb(152,179,242)
```

Monochromatic Color

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

#54a7ea
```
#54a7ea rgb(84,167,234)
```
#549aea
```
#549aea rgb(84,154,234)
```
#548eea
```
#548eea rgb(84,142,234)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#5475ea
```
#5475ea rgb(84,117,234)
```
#5468ea
```
#5468ea rgb(84,104,234)
```
#545cea
```
#545cea rgb(84,92,234)
```

Similar Colors

Text with hexadecimal color #5481ea

This text has a font color of #5481ea.

<span style="color:#5481ea;">Text here</span>

#5481ea background color

This paragraph has a background color of #5481ea.

<p style="background-color:#5481ea;">Content here</p>

#5481ea border color

This element has a border color of #5481ea.

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

CSS codes

.text {color:#5481ea;}

.background {background-color:#5481ea;}

.border {border:1px solid #5481ea;}

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

#000104
```
#000104 rgb(0,1,4)
```
#030815
```
#030815 rgb(3,8,21)
```
#050f27
```
#050f27 rgb(5,15,39)
```
#071638
```
#071638 rgb(7,22,56)
```
#091c4a
```
#091c4a rgb(9,28,74)
```
#0b235b
```
#0b235b rgb(11,35,91)
```
#0d2a6d
```
#0d2a6d rgb(13,42,109)
```
#0f317e
```
#0f317e rgb(15,49,126)
```
#12378f
```
#12378f rgb(18,55,143)
```
#143ea1
```
#143ea1 rgb(20,62,161)
```
#1645b2
```
#1645b2 rgb(22,69,178)
```
#184cc4
```
#184cc4 rgb(24,76,196)
```
#1a52d5
```
#1a52d5 rgb(26,82,213)
```

Shade Color Variation

#205ae4
```
#205ae4 rgb(32,90,228)
```
#3167e6
```
#3167e6 rgb(49,103,230)
```
#4374e8
```
#4374e8 rgb(67,116,232)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#658eec
```
#658eec rgb(101,142,236)
```
#779bee
```
#779bee rgb(119,155,238)
```
#88a8f0
```
#88a8f0 rgb(136,168,240)
```
#9ab4f3
```
#9ab4f3 rgb(154,180,243)
```
#abc1f5
```
#abc1f5 rgb(171,193,245)
```
#bdcef7
```
#bdcef7 rgb(189,206,247)
```
#cedbf9
```
#cedbf9 rgb(206,219,249)
```
#e0e8fb
```
#e0e8fb rgb(224,232,251)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9fa0 is the less saturated color, while #457bf9 is the most saturated one.

#9e9fa0
```
#9e9fa0 rgb(158,159,160)
```
#969ca8
```
#969ca8 rgb(150,156,168)
```
#8f99af
```
#8f99af rgb(143,153,175)
```
#8896b6
```
#8896b6 rgb(136,150,182)
```
#8093be
```
#8093be rgb(128,147,190)
```
#7990c5
```
#7990c5 rgb(121,144,197)
```
#728dcc
```
#728dcc rgb(114,141,204)
```
#6a8ad4
```
#6a8ad4 rgb(106,138,212)
```
#6387db
```
#6387db rgb(99,135,219)
```
#5b84e3
```
#5b84e3 rgb(91,132,227)
```
#5481ea
```
#5481ea rgb(84,129,234)
```
#4d7ef1
```
#4d7ef1 rgb(77,126,241)
```
#457bf9
```
#457bf9 rgb(69,123,249)
```

Tone Color Variation

Below, you can see how #5481ea 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

#808080 Achromatopsia 0.005% of the population
#778095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5788eb Protanopia 1% of men
#2e8de8 Deuteranopia 1% of men
#1b98a3 Tritanopia 0.001% of the population

Trichromacy

#5685eb Protanomaly 1% of men, 0.01% of women
#3c88e9 Deuteranomaly 6% of men, 0.4% of women
#3090bd Tritanomaly 0.01% of the population

#5481ea hex color

#5481ea Color Information

#5481ea Color Conversion

Color Schemes with #5481ea

Alternatives to #5481ea

#5481ea Preview

Shades and Tints of #5481ea

Tones of #5481ea

Color Blindness Simulator