#304f50 Color Information
In a RGB color space, hex #304f50 is composed of 18.8% red, 31% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 1.3% magenta, 0% yellow and 68.6% black. It has a hue angle of 181.9 degrees, a saturation of 25% and a lightness of 25.1%. #304f50 color hex could be obtained by blending #609ea0 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 31
-
- C 40
- M 1
- Y 0
- K 69
● #304f50 color description : Very dark desaturated cyan.
#304f50 Color Conversion
The hexadecimal color #304f50 has RGB values of R:48, G:79, B:80 and CMYK values of C:0.4, M:0.01, Y:0, K:0.69. Its decimal value is 3166032.
Hex triplet | 304f50 | #304f50 |
---|---|---|
RGB Decimal | 48, 79, 80 | rgb(48,79,80) |
RGB Percent | 18.8, 31, 31.4 | rgb(18.8%,31%,31.4%) |
CMYK | 40, 1, 0, 69 | |
HSL | 181.9°, 25, 25.1 | hsl(181.9,25%,25.1%) |
HSV (or HSB) | 181.9°, 40, 31.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.345, -11.121, -4.226 |
---|---|
XYZ | 5.462, 6.799, 8.614 |
xyY | 0.262, 0.326, 6.799 |
CIE-LCH | 31.345, 11.897, 200.806 |
CIE-LUV | 31.345, -13.82, -3.767 |
Hunter-Lab | 26.075, -8.238, -1.333 |
Binary | 00110000, 01001111, 01010000 |
Color Schemes with #304f50
Alternatives to #304f50
Below, you can see some colors close to #304f50. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f50 Preview
This text has a font color of #304f50.
<span style="color:#304f50;">Text here</span>
This paragraph has a background color of #304f50.
<p style="background-color:#304f50;">Content here</p>
This element has a border color of #304f50.
<div style="border:1px solid #304f50;">Content here</div>
.text {color:#304f50;}
.background {background-color:#304f50;}
.border {border:1px solid #304f50;}
Shades and Tints of #304f50
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, #040606 is the darkest color, while #f9fbfc is the lightest one.
-
#040606
#040606
rgb(4,6,6)
-
#0b1213
#0b1213
rgb(11,18,19)
-
#131f1f
#131f1f
rgb(19,31,31)
-
#1a2b2b
#1a2b2b
rgb(26,43,43)
-
#213737
#213737
rgb(33,55,55)
-
#294344
#294344
rgb(41,67,68)
-
#304f50
#304f50
rgb(48,79,80)
-
#375b5c
#375b5c
rgb(55,91,92)
-
#3f6769
#3f6769
rgb(63,103,105)
-
#467375
#467375
rgb(70,115,117)
-
#4d7f81
#4d7f81
rgb(77,127,129)
-
#558c8d
#558c8d
rgb(85,140,141)
-
#5c989a
#5c989a
rgb(92,152,154)
-
#66a1a3
#66a1a3
rgb(102,161,163)
-
#72a9ab
#72a9ab
rgb(114,169,171)
-
#7fb0b2
#7fb0b2
rgb(127,176,178)
-
#8bb8b9
#8bb8b9
rgb(139,184,185)
-
#97bfc1
#97bfc1
rgb(151,191,193)
-
#a3c7c8
#a3c7c8
rgb(163,199,200)
-
#b0cecf
#b0cecf
rgb(176,206,207)
-
#bcd6d7
#bcd6d7
rgb(188,214,215)
-
#c8ddde
#c8ddde
rgb(200,221,222)
-
#d4e5e5
#d4e5e5
rgb(212,229,229)
-
#e1eced
#e1eced
rgb(225,236,237)
-
#edf4f4
#edf4f4
rgb(237,244,244)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #304f50
A tone is produced by adding gray to any pure hue. In this case, #3f4141 is the less saturated color, while #04797c is the most saturated one.
-
#3f4141
#3f4141
rgb(63,65,65)
-
#3a4646
#3a4646
rgb(58,70,70)
-
#354a4b
#354a4b
rgb(53,74,75)
-
#304f50
#304f50
rgb(48,79,80)
-
#2b5455
#2b5455
rgb(43,84,85)
-
#26585a
#26585a
rgb(38,88,90)
-
#215d5f
#215d5f
rgb(33,93,95)
-
#1c6164
#1c6164
rgb(28,97,100)
-
#176669
#176669
rgb(23,102,105)
-
#126b6e
#126b6e
rgb(18,107,110)
-
#0e6f72
#0e6f72
rgb(14,111,114)
-
#097477
#097477
rgb(9,116,119)
-
#04797c
#04797c
rgb(4,121,124)
Color Blindness Simulator
Below, you can see how #304f50 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.