#304f5a Color Information
In a RGB color space, hex #304f5a is composed of 18.8% red, 31% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 12.2% magenta, 0% yellow and 64.7% black. It has a hue angle of 195.7 degrees, a saturation of 30.4% and a lightness of 27.1%. #304f5a color hex could be obtained by blending #609eb4 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 35
-
- C 47
- M 12
- Y 0
- K 65
● #304f5a color description : Very dark desaturated blue.
#304f5a Color Conversion
The hexadecimal color #304f5a has RGB values of R:48, G:79, B:90 and CMYK values of C:0.47, M:0.12, Y:0, K:0.65. Its decimal value is 3166042.
Hex triplet | 304f5a | #304f5a |
---|---|---|
RGB Decimal | 48, 79, 90 | rgb(48,79,90) |
RGB Percent | 18.8, 31, 35.3 | rgb(18.8%,31%,35.3%) |
CMYK | 47, 12, 0, 65 | |
HSL | 195.7°, 30.4, 27.1 | hsl(195.7,30.4%,27.1%) |
HSV (or HSB) | 195.7°, 46.7, 35.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.712, -8.129, -10.051 |
---|---|
XYZ | 5.86, 6.958, 10.707 |
xyY | 0.249, 0.296, 6.958 |
CIE-LCH | 31.712, 12.927, 231.035 |
CIE-LUV | 31.712, -13.679, -11.714 |
Hunter-Lab | 26.378, -6.509, -5.6 |
Binary | 00110000, 01001111, 01011010 |
Color Schemes with #304f5a
Alternatives to #304f5a
Below, you can see some colors close to #304f5a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f5a Preview
This text has a font color of #304f5a.
<span style="color:#304f5a;">Text here</span>
This paragraph has a background color of #304f5a.
<p style="background-color:#304f5a;">Content here</p>
This element has a border color of #304f5a.
<div style="border:1px solid #304f5a;">Content here</div>
.text {color:#304f5a;}
.background {background-color:#304f5a;}
.border {border:1px solid #304f5a;}
Shades and Tints of #304f5a
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, #000000 is the darkest color, while #f3f7f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#070c0d
#070c0d
rgb(7,12,13)
-
#0e171a
#0e171a
rgb(14,23,26)
-
#152227
#152227
rgb(21,34,39)
-
#1c2d34
#1c2d34
rgb(28,45,52)
-
#223940
#223940
rgb(34,57,64)
-
#29444d
#29444d
rgb(41,68,77)
-
#304f5a
#304f5a
rgb(48,79,90)
-
#375a67
#375a67
rgb(55,90,103)
-
#3e6574
#3e6574
rgb(62,101,116)
-
#447180
#447180
rgb(68,113,128)
-
#4b7c8d
#4b7c8d
rgb(75,124,141)
-
#52879a
#52879a
rgb(82,135,154)
-
#5992a7
#5992a7
rgb(89,146,167)
-
#669bad
#669bad
rgb(102,155,173)
-
#73a3b4
#73a3b4
rgb(115,163,180)
-
#80abbb
#80abbb
rgb(128,171,187)
-
#8cb4c2
#8cb4c2
rgb(140,180,194)
-
#99bcc9
#99bcc9
rgb(153,188,201)
-
#a6c5cf
#a6c5cf
rgb(166,197,207)
-
#b3cdd6
#b3cdd6
rgb(179,205,214)
-
#bfd5dd
#bfd5dd
rgb(191,213,221)
-
#ccdee4
#ccdee4
rgb(204,222,228)
-
#d9e6eb
#d9e6eb
rgb(217,230,235)
-
#e6eff2
#e6eff2
rgb(230,239,242)
-
#f3f7f8
#f3f7f8
rgb(243,247,248)
Tones of #304f5a
A tone is produced by adding gray to any pure hue. In this case, #40474a is the less saturated color, while #00668a is the most saturated one.
-
#40474a
#40474a
rgb(64,71,74)
-
#3b4a4f
#3b4a4f
rgb(59,74,79)
-
#354c55
#354c55
rgb(53,76,85)
-
#304f5a
#304f5a
rgb(48,79,90)
-
#2b525f
#2b525f
rgb(43,82,95)
-
#255465
#255465
rgb(37,84,101)
-
#20576a
#20576a
rgb(32,87,106)
-
#1b596f
#1b596f
rgb(27,89,111)
-
#155c75
#155c75
rgb(21,92,117)
-
#105e7a
#105e7a
rgb(16,94,122)
-
#0b617f
#0b617f
rgb(11,97,127)
-
#066384
#066384
rgb(6,99,132)
-
#00668a
#00668a
rgb(0,102,138)
Color Blindness Simulator
Below, you can see how #304f5a 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.