#5483ee hex color

In a RGB color space, hex #5483ee is composed of 32.9% red, 51.4% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 45% magenta, 0% yellow and 6.7% black. It has a hue angle of 221.7 degrees, a saturation of 81.9% and a lightness of 63.1%. #5483ee color hex could be obtained by blending #a8ffff with #0007dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 51
- B 93
RGB color chart
- C 65
- M 45
- Y 0
- K 7
CMYK color chart

● #5483ee color description : Soft blue.

The hexadecimal color #5483ee has RGB values of R:84, G:131, B:238 and CMYK values of C:0.65, M:0.45, Y:0, K:0.07. Its decimal value is 5538798.

Hex triplet	5483ee	`#5483ee`
RGB Decimal	84, 131, 238	`rgb(84,131,238)`
RGB Percent	32.9, 51.4, 93.3	`rgb(32.9%,51.4%,93.3%)`
CMYK	65, 45, 0, 7
HSL	221.7°, 81.9, 63.1	`hsl(221.7,81.9%,63.1%)`
HSV (or HSB)	221.7°, 64.7, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.376, 17.536, -58.745
XYZ	27.202, 24.289, 84.139
xyY	0.201, 0.179, 24.289
CIE-LCH	56.376, 61.306, 286.621
CIE-LUV	56.376, -21.16, -94.447
Hunter-Lab	49.284, 12.275, -66.724
Binary	01010100, 10000011, 11101110

#5483ee
```
#5483ee rgb(84,131,238)
```
#eebf54
```
#eebf54 rgb(238,191,84)
```

Complementary Color

#54d0ee
```
#54d0ee rgb(84,208,238)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#7254ee
```
#7254ee rgb(114,84,238)
```

Analogous Color

#d0ee54
```
#d0ee54 rgb(208,238,84)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#ee7254
```
#ee7254 rgb(238,114,84)
```

Split Complementary Color

#83ee54
```
#83ee54 rgb(131,238,84)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#ee5483
```
#ee5483 rgb(238,84,131)
```

Triadic Color

#54eebf
```
#54eebf rgb(84,238,191)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#ee5483
```
#ee5483 rgb(238,84,131)
```
#eebf54
```
#eebf54 rgb(238,191,84)
```

Tetradic Color

#1654df
```
#1654df rgb(22,84,223)
```
#2661e9
```
#2661e9 rgb(38,97,233)
```
#3d72ec
```
#3d72ec rgb(61,114,236)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#6b94f0
```
#6b94f0 rgb(107,148,240)
```
#82a5f3
```
#82a5f3 rgb(130,165,243)
```
#9ab5f5
```
#9ab5f5 rgb(154,181,245)
```

Monochromatic Color

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

#54aaee
```
#54aaee rgb(84,170,238)
```
#549dee
```
#549dee rgb(84,157,238)
```
#5490ee
```
#5490ee rgb(84,144,238)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#5476ee
```
#5476ee rgb(84,118,238)
```
#5469ee
```
#5469ee rgb(84,105,238)
```
#545dee
```
#545dee rgb(84,93,238)
```

Similar Colors

Text with hexadecimal color #5483ee

This text has a font color of #5483ee.

<span style="color:#5483ee;">Text here</span>

#5483ee background color

This paragraph has a background color of #5483ee.

<p style="background-color:#5483ee;">Content here</p>

#5483ee border color

This element has a border color of #5483ee.

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

CSS codes

.text {color:#5483ee;}

.background {background-color:#5483ee;}

.border {border:1px solid #5483ee;}

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

#010307
```
#010307 rgb(1,3,7)
```
#030919
```
#030919 rgb(3,9,25)
```
#04102b
```
#04102b rgb(4,16,43)
```
#06173d
```
#06173d rgb(6,23,61)
```
#081d4f
```
#081d4f rgb(8,29,79)
```
#0a2461
```
#0a2461 rgb(10,36,97)
```
#0b2b72
```
#0b2b72 rgb(11,43,114)
```
#0d3284
```
#0d3284 rgb(13,50,132)
```
#0f3896
```
#0f3896 rgb(15,56,150)
```
#113fa8
```
#113fa8 rgb(17,63,168)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#144ccc
```
#144ccc rgb(20,76,204)
```
#1653de
```
#1653de rgb(22,83,222)
```

Shade Color Variation

#1e5ce9
```
#1e5ce9 rgb(30,92,233)
```
#3069ea
```
#3069ea rgb(48,105,234)
```
#4276ec
```
#4276ec rgb(66,118,236)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#6690f0
```
#6690f0 rgb(102,144,240)
```
#789df2
```
#789df2 rgb(120,157,242)
```
#8aaaf3
```
#8aaaf3 rgb(138,170,243)
```
#9bb7f5
```
#9bb7f5 rgb(155,183,245)
```
#adc4f7
```
#adc4f7 rgb(173,196,247)
```
#bfd1f9
```
#bfd1f9 rgb(191,209,249)
```
#d1defa
```
#d1defa rgb(209,222,250)
```
#e3ebfc
```
#e3ebfc rgb(227,235,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#9c9fa6
```
#9c9fa6 rgb(156,159,166)
```
#959cad
```
#959cad rgb(149,156,173)
```
#8e9ab4
```
#8e9ab4 rgb(142,154,180)
```
#8797bb
```
#8797bb rgb(135,151,187)
```
#7f94c3
```
#7f94c3 rgb(127,148,195)
```
#7891ca
```
#7891ca rgb(120,145,202)
```
#718ed1
```
#718ed1 rgb(113,142,209)
```
#6a8bd8
```
#6a8bd8 rgb(106,139,216)
```
#6289e0
```
#6289e0 rgb(98,137,224)
```
#5b86e7
```
#5b86e7 rgb(91,134,231)
```
#5483ee
```
#5483ee rgb(84,131,238)
```
#4d80f5
```
#4d80f5 rgb(77,128,245)
```
#467dfc
```
#467dfc rgb(70,125,252)
```

Tone Color Variation

Below, you can see how #5483ee 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

#818181 Achromatopsia 0.005% of the population
#788197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#588aef Protanopia 1% of men
#2c8fec Deuteranopia 1% of men
#109ba6 Tritanopia 0.001% of the population

Trichromacy

#5687ee Protanomaly 1% of men, 0.01% of women
#3a8aec Deuteranomaly 6% of men, 0.4% of women
#2992c0 Tritanomaly 0.01% of the population

#5483ee hex color

#5483ee Color Information

#5483ee Color Conversion

Color Schemes with #5483ee

Alternatives to #5483ee

#5483ee Preview

Shades and Tints of #5483ee

Tones of #5483ee

Color Blindness Simulator