#506366 Color Information
In a RGB color space, hex #506366 is composed of 31.4% red, 38.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 2.9% magenta, 0% yellow and 60% black. It has a hue angle of 188.2 degrees, a saturation of 12.1% and a lightness of 35.7%. #506366 color hex could be obtained by blending #a0c6cc with #000000. Closest websafe color is: #666666.
-
- R 31
- G 39
- B 40
-
- C 22
- M 3
- Y 0
- K 60
● #506366 color description : Very dark grayish cyan.
#506366 Color Conversion
The hexadecimal color #506366 has RGB values of R:80, G:99, B:102 and CMYK values of C:0.22, M:0.03, Y:0, K:0.6. Its decimal value is 5268326.
Hex triplet | 506366 | #506366 |
---|---|---|
RGB Decimal | 80, 99, 102 | rgb(80,99,102) |
RGB Percent | 31.4, 38.8, 40 | rgb(31.4%,38.8%,40%) |
CMYK | 22, 3, 0, 60 | |
HSL | 188.2°, 12.1, 35.7 | hsl(188.2,12.1%,35.7%) |
HSV (or HSB) | 188.2°, 21.6, 40 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 40.554, -6.411, -4.085 |
---|---|
XYZ | 10.168, 11.588, 14.271 |
xyY | 0.282, 0.322, 11.588 |
CIE-LCH | 40.554, 7.602, 212.502 |
CIE-LUV | 40.554, -9.761, -4.477 |
Hunter-Lab | 34.041, -6.256, -1.026 |
Binary | 01010000, 01100011, 01100110 |
Color Schemes with #506366
Alternatives to #506366
Below, you can see some colors close to #506366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506366 Preview
This text has a font color of #506366.
<span style="color:#506366;">Text here</span>
This paragraph has a background color of #506366.
<p style="background-color:#506366;">Content here</p>
This element has a border color of #506366.
<div style="border:1px solid #506366;">Content here</div>
.text {color:#506366;}
.background {background-color:#506366;}
.border {border:1px solid #506366;}
Shades and Tints of #506366
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, #020303 is the darkest color, while #f7f9f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0b0e0e
#0b0e0e
rgb(11,14,14)
-
#141819
#141819
rgb(20,24,25)
-
#1c2324
#1c2324
rgb(28,35,36)
-
#252e2f
#252e2f
rgb(37,46,47)
-
#2e383a
#2e383a
rgb(46,56,58)
-
#364345
#364345
rgb(54,67,69)
-
#3f4e50
#3f4e50
rgb(63,78,80)
-
#47585b
#47585b
rgb(71,88,91)
-
#506366
#506366
rgb(80,99,102)
-
#596e71
#596e71
rgb(89,110,113)
-
#61787c
#61787c
rgb(97,120,124)
-
#6a8387
#6a8387
rgb(106,131,135)
-
#738d91
#738d91
rgb(115,141,145)
-
#7e969a
#7e969a
rgb(126,150,154)
-
#899fa3
#899fa3
rgb(137,159,163)
-
#94a8ab
#94a8ab
rgb(148,168,171)
-
#9fb1b4
#9fb1b4
rgb(159,177,180)
-
#aababc
#aababc
rgb(170,186,188)
-
#b5c3c5
#b5c3c5
rgb(181,195,197)
-
#c0ccce
#c0ccce
rgb(192,204,206)
-
#cbd5d6
#cbd5d6
rgb(203,213,214)
-
#d6dedf
#d6dedf
rgb(214,222,223)
-
#e1e7e8
#e1e7e8
rgb(225,231,232)
-
#ecf0f0
#ecf0f0
rgb(236,240,240)
-
#f7f9f9
#f7f9f9
rgb(247,249,249)
Tones of #506366
A tone is produced by adding gray to any pure hue. In this case, #575e5f is the less saturated color, while #039bb3 is the most saturated one.
-
#575e5f
#575e5f
rgb(87,94,95)
-
#506366
#506366
rgb(80,99,102)
-
#49686d
#49686d
rgb(73,104,109)
-
#426d74
#426d74
rgb(66,109,116)
-
#3b727b
#3b727b
rgb(59,114,123)
-
#347782
#347782
rgb(52,119,130)
-
#2d7c89
#2d7c89
rgb(45,124,137)
-
#268290
#268290
rgb(38,130,144)
-
#1f8797
#1f8797
rgb(31,135,151)
-
#188c9e
#188c9e
rgb(24,140,158)
-
#1191a5
#1191a5
rgb(17,145,165)
-
#0a96ac
#0a96ac
rgb(10,150,172)
-
#039bb3
#039bb3
rgb(3,155,179)
Color Blindness Simulator
Below, you can see how #506366 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.