#557acc Color Information
In a RGB color space, hex #557acc is composed of 33.3% red, 47.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 40.2% magenta, 0% yellow and 20% black. It has a hue angle of 221.3 degrees, a saturation of 53.8% and a lightness of 56.7%. #557acc color hex could be obtained by blending #aaf4ff with #000099. Closest websafe color is: #6666cc.
-
- R 33
- G 48
- B 80
-
- C 58
- M 40
- Y 0
- K 20
● #557acc color description : Moderate blue.
#557acc Color Conversion
The hexadecimal color #557acc has RGB values of R:85, G:122, B:204 and CMYK values of C:0.58, M:0.4, Y:0, K:0.2. Its decimal value is 5601996.
Hex triplet | 557acc | #557acc |
---|---|---|
RGB Decimal | 85, 122, 204 | rgb(85,122,204) |
RGB Percent | 33.3, 47.8, 80 | rgb(33.3%,47.8%,80%) |
CMYK | 58, 40, 0, 20 | |
HSL | 221.3°, 53.8, 56.7 | hsl(221.3,53.8%,56.7%) |
HSV (or HSB) | 221.3°, 58.3, 80 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.072, 11.719, -46.498 |
---|---|
XYZ | 21.603, 20.209, 59.886 |
xyY | 0.212, 0.199, 20.209 |
CIE-LCH | 52.072, 47.952, 284.146 |
CIE-LUV | 52.072, -17.955, -72.937 |
Hunter-Lab | 44.954, 7.108, -47.515 |
Binary | 01010101, 01111010, 11001100 |
Color Schemes with #557acc
Alternatives to #557acc
Below, you can see some colors close to #557acc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557acc Preview
This text has a font color of #557acc.
<span style="color:#557acc;">Text here</span>
This paragraph has a background color of #557acc.
<p style="background-color:#557acc;">Content here</p>
This element has a border color of #557acc.
<div style="border:1px solid #557acc;">Content here</div>
.text {color:#557acc;}
.background {background-color:#557acc;}
.border {border:1px solid #557acc;}
Shades and Tints of #557acc
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, #03060b is the darkest color, while #fbfcfe is the lightest one.
-
#03060b
#03060b
rgb(3,6,11)
-
#080e1a
#080e1a
rgb(8,14,26)
-
#0c1529
#0c1529
rgb(12,21,41)
-
#111d38
#111d38
rgb(17,29,56)
-
#152547
#152547
rgb(21,37,71)
-
#1a2d57
#1a2d57
rgb(26,45,87)
-
#1e3566
#1e3566
rgb(30,53,102)
-
#233c75
#233c75
rgb(35,60,117)
-
#284484
#284484
rgb(40,68,132)
-
#2c4c93
#2c4c93
rgb(44,76,147)
-
#3154a2
#3154a2
rgb(49,84,162)
-
#355cb1
#355cb1
rgb(53,92,177)
-
#3a63c0
#3a63c0
rgb(58,99,192)
-
#466ec7
#466ec7
rgb(70,110,199)
-
#557acc
#557acc
rgb(85,122,204)
-
#6486d1
#6486d1
rgb(100,134,209)
-
#7392d5
#7392d5
rgb(115,146,213)
-
#829dda
#829dda
rgb(130,157,218)
-
#91a9de
#91a9de
rgb(145,169,222)
-
#a0b5e3
#a0b5e3
rgb(160,181,227)
-
#b0c1e7
#b0c1e7
rgb(176,193,231)
-
#bfcdec
#bfcdec
rgb(191,205,236)
-
#ced8f0
#ced8f0
rgb(206,216,240)
-
#dde4f5
#dde4f5
rgb(221,228,245)
-
#ecf0f9
#ecf0f9
rgb(236,240,249)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #557acc
A tone is produced by adding gray to any pure hue. In this case, #919191 is the less saturated color, while #2b6af7 is the most saturated one.
-
#919191
#919191
rgb(145,145,145)
-
#888d99
#888d99
rgb(136,141,153)
-
#808aa2
#808aa2
rgb(128,138,162)
-
#7787aa
#7787aa
rgb(119,135,170)
-
#6f84b3
#6f84b3
rgb(111,132,179)
-
#6680bb
#6680bb
rgb(102,128,187)
-
#5e7dc4
#5e7dc4
rgb(94,125,196)
-
#557acc
#557acc
rgb(85,122,204)
-
#4d77d5
#4d77d5
rgb(77,119,213)
-
#4474dd
#4474dd
rgb(68,116,221)
-
#3c70e6
#3c70e6
rgb(60,112,230)
-
#336dee
#336dee
rgb(51,109,238)
-
#2b6af7
#2b6af7
rgb(43,106,247)
Color Blindness Simulator
Below, you can see how #557acc 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.