#5482ee hex color

In a RGB color space, hex #5482ee is composed of 32.9% red, 51% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 45.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 222.1 degrees, a saturation of 81.9% and a lightness of 63.1%. #5482ee color hex could be obtained by blending #a8ffff with #0005dd. 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

● #5482ee color description : Soft blue.

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

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

CIE-LAB	56.109, 18.144, -59.172
XYZ	27.068, 24.021, 84.094
xyY	0.2, 0.178, 24.021
CIE-LCH	56.109, 61.891, 287.047
CIE-LUV	56.109, -20.845, -95.089
Hunter-Lab	49.012, 12.811, -67.422
Binary	01010100, 10000010, 11101110

#5482ee
```
#5482ee rgb(84,130,238)
```
#eec054
```
#eec054 rgb(238,192,84)
```

Complementary Color

#54cfee
```
#54cfee rgb(84,207,238)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#7354ee
```
#7354ee rgb(115,84,238)
```

Analogous Color

#cfee54
```
#cfee54 rgb(207,238,84)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#ee7354
```
#ee7354 rgb(238,115,84)
```

Split Complementary Color

#82ee54
```
#82ee54 rgb(130,238,84)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#ee5482
```
#ee5482 rgb(238,84,130)
```

Triadic Color

#54eec0
```
#54eec0 rgb(84,238,192)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#ee5482
```
#ee5482 rgb(238,84,130)
```
#eec054
```
#eec054 rgb(238,192,84)
```

Tetradic Color

#1652df
```
#1652df rgb(22,82,223)
```
#2660e9
```
#2660e9 rgb(38,96,233)
```
#3d71ec
```
#3d71ec rgb(61,113,236)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#6b93f0
```
#6b93f0 rgb(107,147,240)
```
#82a4f3
```
#82a4f3 rgb(130,164,243)
```
#9ab5f5
```
#9ab5f5 rgb(154,181,245)
```

Monochromatic Color

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

#54a9ee
```
#54a9ee rgb(84,169,238)
```
#549cee
```
#549cee rgb(84,156,238)
```
#548fee
```
#548fee rgb(84,143,238)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#5475ee
```
#5475ee rgb(84,117,238)
```
#5468ee
```
#5468ee rgb(84,104,238)
```
#545cee
```
#545cee rgb(84,92,238)
```

Similar Colors

Text with hexadecimal color #5482ee

This text has a font color of #5482ee.

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

#5482ee background color

This paragraph has a background color of #5482ee.

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

#5482ee border color

This element has a border color of #5482ee.

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

CSS codes

.text {color:#5482ee;}

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

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

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)
```
#06163d
```
#06163d rgb(6,22,61)
```
#081d4f
```
#081d4f rgb(8,29,79)
```
#0a2461
```
#0a2461 rgb(10,36,97)
```
#0b2a72
```
#0b2a72 rgb(11,42,114)
```
#0d3184
```
#0d3184 rgb(13,49,132)
```
#0f3796
```
#0f3796 rgb(15,55,150)
```
#113ea8
```
#113ea8 rgb(17,62,168)
```
#1244ba
```
#1244ba rgb(18,68,186)
```
#144bcc
```
#144bcc rgb(20,75,204)
```
#1652de
```
#1652de rgb(22,82,222)
```

Shade Color Variation

#1e5be9
```
#1e5be9 rgb(30,91,233)
```
#3068ea
```
#3068ea rgb(48,104,234)
```
#4275ec
```
#4275ec rgb(66,117,236)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#668ff0
```
#668ff0 rgb(102,143,240)
```
#789cf2
```
#789cf2 rgb(120,156,242)
```
#8aa9f3
```
#8aa9f3 rgb(138,169,243)
```
#9bb6f5
```
#9bb6f5 rgb(155,182,245)
```
#adc3f7
```
#adc3f7 rgb(173,195,247)
```
#bfd0f9
```
#bfd0f9 rgb(191,208,249)
```
#d1ddfa
```
#d1ddfa rgb(209,221,250)
```
#e3eafc
```
#e3eafc rgb(227,234,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 #467cfc is the most saturated one.

#9c9fa6
```
#9c9fa6 rgb(156,159,166)
```
#959cad
```
#959cad rgb(149,156,173)
```
#8e99b4
```
#8e99b4 rgb(142,153,180)
```
#8796bb
```
#8796bb rgb(135,150,187)
```
#7f93c3
```
#7f93c3 rgb(127,147,195)
```
#7891ca
```
#7891ca rgb(120,145,202)
```
#718ed1
```
#718ed1 rgb(113,142,209)
```
#6a8bd8
```
#6a8bd8 rgb(106,139,216)
```
#6288e0
```
#6288e0 rgb(98,136,224)
```
#5b85e7
```
#5b85e7 rgb(91,133,231)
```
#5482ee
```
#5482ee rgb(84,130,238)
```
#4d7ff5
```
#4d7ff5 rgb(77,127,245)
```
#467cfc
```
#467cfc rgb(70,124,252)
```

Tone Color Variation

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

#5689ef Protanopia 1% of men
#268eec Deuteranopia 1% of men
#0d9aa5 Tritanopia 0.001% of the population

Trichromacy

#5586ef Protanomaly 1% of men, 0.01% of women
#378aec Deuteranomaly 6% of men, 0.4% of women
#2691bf Tritanomaly 0.01% of the population

#5482ee hex color

#5482ee Color Information

#5482ee Color Conversion

Color Schemes with #5482ee

Alternatives to #5482ee

#5482ee Preview

Shades and Tints of #5482ee

Tones of #5482ee

Color Blindness Simulator