#506766 Color Information
In a RGB color space, hex #506766 is composed of 31.4% red, 40.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 0% magenta, 1% yellow and 59.6% black. It has a hue angle of 177.4 degrees, a saturation of 12.6% and a lightness of 35.9%. #506766 color hex could be obtained by blending #a0cecc with #000000. Closest websafe color is: #666666.
-
- R 31
- G 40
- B 40
-
- C 22
- M 0
- Y 1
- K 60
● #506766 color description : Very dark grayish cyan.
#506766 Color Conversion
The hexadecimal color #506766 has RGB values of R:80, G:103, B:102 and CMYK values of C:0.22, M:0, Y:0.01, K:0.6. Its decimal value is 5269350.
Hex triplet | 506766 | #506766 |
---|---|---|
RGB Decimal | 80, 103, 102 | rgb(80,103,102) |
RGB Percent | 31.4, 40.4, 40 | rgb(31.4%,40.4%,40%) |
CMYK | 22, 0, 1, 60 | |
HSL | 177.4°, 12.6, 35.9 | hsl(177.4,12.6%,35.9%) |
HSV (or HSB) | 177.4°, 22.3, 40.4 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 41.79, -8.756, -2.259 |
---|---|
XYZ | 10.556, 12.365, 14.4 |
xyY | 0.283, 0.331, 12.365 |
CIE-LCH | 41.79, 9.043, 194.468 |
CIE-LUV | 41.79, -11.592, -1.717 |
Hunter-Lab | 35.164, -7.951, 0.335 |
Binary | 01010000, 01100111, 01100110 |
Color Schemes with #506766
Alternatives to #506766
Below, you can see some colors close to #506766. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506766 Preview
This text has a font color of #506766.
<span style="color:#506766;">Text here</span>
This paragraph has a background color of #506766.
<p style="background-color:#506766;">Content here</p>
This element has a border color of #506766.
<div style="border:1px solid #506766;">Content here</div>
.text {color:#506766;}
.background {background-color:#506766;}
.border {border:1px solid #506766;}
Shades and Tints of #506766
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, #030404 is the darkest color, while #f8f9f9 is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0b0f0f
#0b0f0f
rgb(11,15,15)
-
#141a19
#141a19
rgb(20,26,25)
-
#1d2524
#1d2524
rgb(29,37,36)
-
#25302f
#25302f
rgb(37,48,47)
-
#2e3b3a
#2e3b3a
rgb(46,59,58)
-
#364645
#364645
rgb(54,70,69)
-
#3f5150
#3f5150
rgb(63,81,80)
-
#475c5b
#475c5b
rgb(71,92,91)
-
#506766
#506766
rgb(80,103,102)
-
#597271
#597271
rgb(89,114,113)
-
#617d7c
#617d7c
rgb(97,125,124)
-
#6a8887
#6a8887
rgb(106,136,135)
-
#739291
#739291
rgb(115,146,145)
-
#7e9b9a
#7e9b9a
rgb(126,155,154)
-
#89a3a2
#89a3a2
rgb(137,163,162)
-
#94acab
#94acab
rgb(148,172,171)
-
#9fb5b4
#9fb5b4
rgb(159,181,180)
-
#aabdbc
#aabdbc
rgb(170,189,188)
-
#b5c6c5
#b5c6c5
rgb(181,198,197)
-
#c0cece
#c0cece
rgb(192,206,206)
-
#cbd7d6
#cbd7d6
rgb(203,215,214)
-
#d6e0df
#d6e0df
rgb(214,224,223)
-
#e2e8e8
#e2e8e8
rgb(226,232,232)
-
#edf1f0
#edf1f0
rgb(237,241,240)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #506766
A tone is produced by adding gray to any pure hue. In this case, #576060 is the less saturated color, while #03b4ad is the most saturated one.
-
#576060
#576060
rgb(87,96,96)
-
#506766
#506766
rgb(80,103,102)
-
#496e6c
#496e6c
rgb(73,110,108)
-
#427573
#427573
rgb(66,117,115)
-
#3b7c79
#3b7c79
rgb(59,124,121)
-
#348380
#348380
rgb(52,131,128)
-
#2d8a86
#2d8a86
rgb(45,138,134)
-
#26918d
#26918d
rgb(38,145,141)
-
#1f9893
#1f9893
rgb(31,152,147)
-
#189f99
#189f99
rgb(24,159,153)
-
#11a6a0
#11a6a0
rgb(17,166,160)
-
#0aada6
#0aada6
rgb(10,173,166)
-
#03b4ad
#03b4ad
rgb(3,180,173)
Color Blindness Simulator
Below, you can see how #506766 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.