#509f97 hex color
In a RGB color space, hex #509f97 is composed of 31.4% red, 62.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 0% magenta, 5% yellow and 37.6% black. It has a hue angle of 173.9 degrees, a saturation of 33.1% and a lightness of 46.9%. #509f97 color hex could be obtained by blending #a0ffff with #003f2f. Closest websafe color is: #669999.
-
- R 31
- G 62
- B 59
RGB color chart
-
- C 50
- M 0
- Y 5
- K 38
CMYK color chart
● #509f97 color description : Dark moderate cyan.
The hexadecimal color #509f97 has RGB values of R:80, G:159, B:151 and CMYK values of C:0.5, M:0, Y:0.05, K:0.38. Its decimal value is 5283735.
Hex triplet | 509f97 | #509f97 |
---|---|---|
RGB Decimal | 80, 159, 151 | rgb(80,159,151) |
RGB Percent | 31.4, 62.4, 59.2 | rgb(31.4%,62.4%,59.2%) |
CMYK | 50, 0, 5, 38 | |
HSL | 173.9°, 33.1, 46.9 | hsl(173.9,33.1%,46.9%) |
HSV (or HSB) | 173.9°, 49.7, 62.4 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 60.547, -26.283, -3.31 |
---|---|
XYZ | 21.291, 28.735, 33.701 |
xyY | 0.254, 0.343, 28.735 |
CIE-LCH | 60.547, 26.491, 187.178 |
CIE-LUV | 60.547, -34.596, -0.813 |
Hunter-Lab | 53.605, -22.912, 0.248 |
Binary | 01010000, 10011111, 10010111 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #509f97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #509f97
This text has a font color of #509f97.
<span style="color:#509f97;">Text here</span>
#509f97 background color
This paragraph has a background color of #509f97.
<p style="background-color:#509f97;">Content here</p>
#509f97 border color
This element has a border color of #509f97.
<div style="border:1px solid #509f97;">Content here</div>
CSS codes
.text {color:#509f97;}
.background {background-color:#509f97;}
.border {border:1px solid #509f97;}
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, #010202 is the darkest color, while #f4faf9 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#080f0f
#080f0f
rgb(8,15,15)
-
#0e1d1b
#0e1d1b
rgb(14,29,27)
-
#152a27
#152a27
rgb(21,42,39)
-
#1b3734
#1b3734
rgb(27,55,52)
-
#224440
#224440
rgb(34,68,64)
-
#29514d
#29514d
rgb(41,81,77)
-
#2f5e59
#2f5e59
rgb(47,94,89)
-
#366b65
#366b65
rgb(54,107,101)
-
#3c7872
#3c7872
rgb(60,120,114)
-
#43857e
#43857e
rgb(67,133,126)
-
#49928b
#49928b
rgb(73,146,139)
-
#509f97
#509f97
rgb(80,159,151)
Shade Color Variation
-
#58aba2
#58aba2
rgb(88,171,162)
-
#65b1aa
#65b1aa
rgb(101,177,170)
-
#72b8b1
#72b8b1
rgb(114,184,177)
-
#7fbfb8
#7fbfb8
rgb(127,191,184)
-
#8cc5bf
#8cc5bf
rgb(140,197,191)
-
#99ccc7
#99ccc7
rgb(153,204,199)
-
#a6d2ce
#a6d2ce
rgb(166,210,206)
-
#b3d9d5
#b3d9d5
rgb(179,217,213)
-
#c0dfdc
#c0dfdc
rgb(192,223,220)
-
#cde6e3
#cde6e3
rgb(205,230,227)
-
#daedeb
#daedeb
rgb(218,237,235)
-
#e7f3f2
#e7f3f2
rgb(231,243,242)
-
#f4faf9
#f4faf9
rgb(244,250,249)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #757a7a is the less saturated color, while #06e9d2 is the most saturated one.
-
#757a7a
#757a7a
rgb(117,122,122)
-
#6c8381
#6c8381
rgb(108,131,129)
-
#628d88
#628d88
rgb(98,141,136)
-
#599690
#599690
rgb(89,150,144)
-
#509f97
#509f97
rgb(80,159,151)
-
#47a89e
#47a89e
rgb(71,168,158)
-
#3eb1a6
#3eb1a6
rgb(62,177,166)
-
#34bbad
#34bbad
rgb(52,187,173)
-
#2bc4b4
#2bc4b4
rgb(43,196,180)
-
#22cdbc
#22cdbc
rgb(34,205,188)
-
#19d6c3
#19d6c3
rgb(25,214,195)
-
#10dfca
#10dfca
rgb(16,223,202)
-
#06e9d2
#06e9d2
rgb(6,233,210)
Tone Color Variation
Below, you can see how #509f97 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.
Monochromacy
Dichromacy