#556ccd Color Information
In a RGB color space, hex #556ccd is composed of 33.3% red, 42.4% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 47.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 228.5 degrees, a saturation of 54.5% and a lightness of 56.9%. #556ccd color hex could be obtained by blending #aad8ff with #00009b. Closest websafe color is: #6666cc.
-
- R 33
- G 42
- B 80
-
- C 59
- M 47
- Y 0
- K 20
● #556ccd color description : Moderate blue.
#556ccd Color Conversion
The hexadecimal color #556ccd has RGB values of R:85, G:108, B:205 and CMYK values of C:0.59, M:0.47, Y:0, K:0.2. Its decimal value is 5598413.
Hex triplet | 556ccd | #556ccd |
---|---|---|
RGB Decimal | 85, 108, 205 | rgb(85,108,205) |
RGB Percent | 33.3, 42.4, 80.4 | rgb(33.3%,42.4%,80.4%) |
CMYK | 59, 47, 0, 20 | |
HSL | 228.5°, 54.5, 56.9 | hsl(228.5,54.5%,56.9%) |
HSV (or HSB) | 228.5°, 58.5, 80.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 48.34, 20.693, -53.027 |
---|---|
XYZ | 20.126, 17.063, 59.987 |
xyY | 0.207, 0.176, 17.063 |
CIE-LCH | 48.34, 56.921, 291.317 |
CIE-LUV | 48.34, -13.391, -82.692 |
Hunter-Lab | 41.308, 14.681, -57.186 |
Binary | 01010101, 01101100, 11001101 |
Color Schemes with #556ccd
Alternatives to #556ccd
Below, you can see some colors close to #556ccd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556ccd Preview
This text has a font color of #556ccd.
<span style="color:#556ccd;">Text here</span>
This paragraph has a background color of #556ccd.
<p style="background-color:#556ccd;">Content here</p>
This element has a border color of #556ccd.
<div style="border:1px solid #556ccd;">Content here</div>
.text {color:#556ccd;}
.background {background-color:#556ccd;}
.border {border:1px solid #556ccd;}
Shades and Tints of #556ccd
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, #03050c is the darkest color, while #fcfcfe is the lightest one.
-
#03050c
#03050c
rgb(3,5,12)
-
#080c1b
#080c1b
rgb(8,12,27)
-
#0c122a
#0c122a
rgb(12,18,42)
-
#111939
#111939
rgb(17,25,57)
-
#151f49
#151f49
rgb(21,31,73)
-
#1a2658
#1a2658
rgb(26,38,88)
-
#1e2c67
#1e2c67
rgb(30,44,103)
-
#233376
#233376
rgb(35,51,118)
-
#273985
#273985
rgb(39,57,133)
-
#2c4094
#2c4094
rgb(44,64,148)
-
#3046a3
#3046a3
rgb(48,70,163)
-
#354db3
#354db3
rgb(53,77,179)
-
#3953c2
#3953c2
rgb(57,83,194)
-
#465fc9
#465fc9
rgb(70,95,201)
-
#556ccd
#556ccd
rgb(85,108,205)
-
#6479d1
#6479d1
rgb(100,121,209)
-
#7386d6
#7386d6
rgb(115,134,214)
-
#8293da
#8293da
rgb(130,147,218)
-
#92a0df
#92a0df
rgb(146,160,223)
-
#a1aee3
#a1aee3
rgb(161,174,227)
-
#b0bbe8
#b0bbe8
rgb(176,187,232)
-
#bfc8ec
#bfc8ec
rgb(191,200,236)
-
#ced5f1
#ced5f1
rgb(206,213,241)
-
#dde2f5
#dde2f5
rgb(221,226,245)
-
#edeffa
#edeffa
rgb(237,239,250)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #556ccd
A tone is produced by adding gray to any pure hue. In this case, #909192 is the less saturated color, while #2b52f7 is the most saturated one.
-
#909192
#909192
rgb(144,145,146)
-
#888b9a
#888b9a
rgb(136,139,154)
-
#7f86a3
#7f86a3
rgb(127,134,163)
-
#7781ab
#7781ab
rgb(119,129,171)
-
#6e7cb4
#6e7cb4
rgb(110,124,180)
-
#6676bc
#6676bc
rgb(102,118,188)
-
#5d71c5
#5d71c5
rgb(93,113,197)
-
#556ccd
#556ccd
rgb(85,108,205)
-
#4d67d5
#4d67d5
rgb(77,103,213)
-
#4462de
#4462de
rgb(68,98,222)
-
#3c5ce6
#3c5ce6
rgb(60,92,230)
-
#3357ef
#3357ef
rgb(51,87,239)
-
#2b52f7
#2b52f7
rgb(43,82,247)
Color Blindness Simulator
Below, you can see how #556ccd 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.