#304f57 Color Information
In a RGB color space, hex #304f57 is composed of 18.8% red, 31% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 9.2% magenta, 0% yellow and 65.9% black. It has a hue angle of 192.3 degrees, a saturation of 28.9% and a lightness of 26.5%. #304f57 color hex could be obtained by blending #609eae with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 34
-
- C 45
- M 9
- Y 0
- K 66
● #304f57 color description : Very dark desaturated cyan.
#304f57 Color Conversion
The hexadecimal color #304f57 has RGB values of R:48, G:79, B:87 and CMYK values of C:0.45, M:0.09, Y:0, K:0.66. Its decimal value is 3166039.
Hex triplet | 304f57 | #304f57 |
---|---|---|
RGB Decimal | 48, 79, 87 | rgb(48,79,87) |
RGB Percent | 18.8, 31, 34.1 | rgb(18.8%,31%,34.1%) |
CMYK | 45, 9, 0, 66 | |
HSL | 192.3°, 28.9, 26.5 | hsl(192.3,28.9%,26.5%) |
HSV (or HSB) | 192.3°, 44.8, 34.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.597, -9.051, -8.314 |
---|---|
XYZ | 5.735, 6.908, 10.048 |
xyY | 0.253, 0.304, 6.908 |
CIE-LCH | 31.597, 12.29, 222.571 |
CIE-LUV | 31.597, -13.72, -9.303 |
Hunter-Lab | 26.283, -7.049, -4.267 |
Binary | 00110000, 01001111, 01010111 |
Color Schemes with #304f57
Alternatives to #304f57
Below, you can see some colors close to #304f57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f57 Preview
This text has a font color of #304f57.
<span style="color:#304f57;">Text here</span>
This paragraph has a background color of #304f57.
<p style="background-color:#304f57;">Content here</p>
This element has a border color of #304f57.
<div style="border:1px solid #304f57;">Content here</div>
.text {color:#304f57;}
.background {background-color:#304f57;}
.border {border:1px solid #304f57;}
Shades and Tints of #304f57
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, #060a0b is the darkest color, while #fefefe is the lightest one.
-
#060a0b
#060a0b
rgb(6,10,11)
-
#0d1618
#0d1618
rgb(13,22,24)
-
#142124
#142124
rgb(20,33,36)
-
#1b2d31
#1b2d31
rgb(27,45,49)
-
#22383e
#22383e
rgb(34,56,62)
-
#29444a
#29444a
rgb(41,68,74)
-
#304f57
#304f57
rgb(48,79,87)
-
#375a64
#375a64
rgb(55,90,100)
-
#3e6670
#3e6670
rgb(62,102,112)
-
#45717d
#45717d
rgb(69,113,125)
-
#4c7d8a
#4c7d8a
rgb(76,125,138)
-
#538896
#538896
rgb(83,136,150)
-
#5a94a3
#5a94a3
rgb(90,148,163)
-
#669caa
#669caa
rgb(102,156,170)
-
#72a5b1
#72a5b1
rgb(114,165,177)
-
#7fadb8
#7fadb8
rgb(127,173,184)
-
#8cb5bf
#8cb5bf
rgb(140,181,191)
-
#98bdc6
#98bdc6
rgb(152,189,198)
-
#a5c5cd
#a5c5cd
rgb(165,197,205)
-
#b2cdd4
#b2cdd4
rgb(178,205,212)
-
#bed5db
#bed5db
rgb(190,213,219)
-
#cbdde2
#cbdde2
rgb(203,221,226)
-
#d8e6e9
#d8e6e9
rgb(216,230,233)
-
#e4eef0
#e4eef0
rgb(228,238,240)
-
#f1f6f7
#f1f6f7
rgb(241,246,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #304f57
A tone is produced by adding gray to any pure hue. In this case, #404647 is the less saturated color, while #016b86 is the most saturated one.
-
#404647
#404647
rgb(64,70,71)
-
#3a494d
#3a494d
rgb(58,73,77)
-
#354c52
#354c52
rgb(53,76,82)
-
#304f57
#304f57
rgb(48,79,87)
-
#2b525c
#2b525c
rgb(43,82,92)
-
#265561
#265561
rgb(38,85,97)
-
#205867
#205867
rgb(32,88,103)
-
#1b5b6c
#1b5b6c
rgb(27,91,108)
-
#165e71
#165e71
rgb(22,94,113)
-
#116176
#116176
rgb(17,97,118)
-
#0c647b
#0c647b
rgb(12,100,123)
-
#066781
#066781
rgb(6,103,129)
-
#016b86
#016b86
rgb(1,107,134)
Color Blindness Simulator
Below, you can see how #304f57 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.