#5482ed Color Information
In a RGB color space, hex #5482ed is composed of 32.9% red, 51% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 45.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 222 degrees, a saturation of 81% and a lightness of 62.9%. #5482ed color hex could be obtained by blending #a8ffff with #0005db. Closest websafe color is: #6699ff.
-
- R 33
- G 51
- B 93
-
- C 65
- M 45
- Y 0
- K 7
● #5482ed color description : Soft blue.
#5482ed Color Conversion
The hexadecimal color #5482ed has RGB values of R:84, G:130, B:237 and CMYK values of C:0.65, M:0.45, Y:0, K:0.07. Its decimal value is 5538541.
Hex triplet | 5482ed | #5482ed |
---|---|---|
RGB Decimal | 84, 130, 237 | rgb(84,130,237) |
RGB Percent | 32.9, 51, 92.9 | rgb(32.9%,51%,92.9%) |
CMYK | 65, 45, 0, 7 | |
HSL | 222°, 81, 62.9 | hsl(222,81%,62.9%) |
HSV (or HSB) | 222°, 64.6, 92.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.051, 17.802, -58.71 |
---|---|
XYZ | 26.922, 23.963, 83.323 |
xyY | 0.201, 0.179, 23.963 |
CIE-LCH | 56.051, 61.35, 286.869 |
CIE-LUV | 56.051, -20.847, -94.3 |
Hunter-Lab | 48.952, 12.502, -66.653 |
Binary | 01010100, 10000010, 11101101 |
Color Schemes with #5482ed
Alternatives to #5482ed
Below, you can see some colors close to #5482ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5482ed Preview
This text has a font color of #5482ed.
<span style="color:#5482ed;">Text here</span>
This paragraph has a background color of #5482ed.
<p style="background-color:#5482ed;">Content here</p>
This element has a border color of #5482ed.
<div style="border:1px solid #5482ed;">Content here</div>
.text {color:#5482ed;}
.background {background-color:#5482ed;}
.border {border:1px solid #5482ed;}
Shades and Tints of #5482ed
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, #010206 is the darkest color, while #f4f7fe is the lightest one.
-
#010206
#010206
rgb(1,2,6)
-
#030918
#030918
rgb(3,9,24)
-
#04102a
#04102a
rgb(4,16,42)
-
#06163c
#06163c
rgb(6,22,60)
-
#081d4d
#081d4d
rgb(8,29,77)
-
#0a245f
#0a245f
rgb(10,36,95)
-
#0c2a71
#0c2a71
rgb(12,42,113)
-
#0e3183
#0e3183
rgb(14,49,131)
-
#103894
#103894
rgb(16,56,148)
-
#113ea6
#113ea6
rgb(17,62,166)
-
#1345b8
#1345b8
rgb(19,69,184)
-
#154bca
#154bca
rgb(21,75,202)
-
#1752db
#1752db
rgb(23,82,219)
-
#1f5be7
#1f5be7
rgb(31,91,231)
-
#3168e9
#3168e9
rgb(49,104,233)
-
#4275eb
#4275eb
rgb(66,117,235)
-
#5482ed
#5482ed
rgb(84,130,237)
-
#668fef
#668fef
rgb(102,143,239)
-
#779cf1
#779cf1
rgb(119,156,241)
-
#89a9f3
#89a9f3
rgb(137,169,243)
-
#9bb6f4
#9bb6f4
rgb(155,182,244)
-
#adc3f6
#adc3f6
rgb(173,195,246)
-
#bed0f8
#bed0f8
rgb(190,208,248)
-
#d0ddfa
#d0ddfa
rgb(208,221,250)
-
#e2eafc
#e2eafc
rgb(226,234,252)
-
#f4f7fe
#f4f7fe
rgb(244,247,254)
Tones of #5482ed
A tone is produced by adding gray to any pure hue. In this case, #9d9fa4 is the less saturated color, while #457cfc is the most saturated one.
-
#9d9fa4
#9d9fa4
rgb(157,159,164)
-
#959cac
#959cac
rgb(149,156,172)
-
#8e99b3
#8e99b3
rgb(142,153,179)
-
#8796ba
#8796ba
rgb(135,150,186)
-
#8093c1
#8093c1
rgb(128,147,193)
-
#7890c9
#7890c9
rgb(120,144,201)
-
#718ed0
#718ed0
rgb(113,142,208)
-
#6a8bd7
#6a8bd7
rgb(106,139,215)
-
#6388de
#6388de
rgb(99,136,222)
-
#5b85e6
#5b85e6
rgb(91,133,230)
-
#5482ed
#5482ed
rgb(84,130,237)
-
#4d7ff4
#4d7ff4
rgb(77,127,244)
-
#457cfc
#457cfc
rgb(69,124,252)
Color Blindness Simulator
Below, you can see how #5482ed 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.