#304f53 Color Information
In a RGB color space, hex #304f53 is composed of 18.8% red, 31% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 4.8% magenta, 0% yellow and 67.5% black. It has a hue angle of 186.9 degrees, a saturation of 26.7% and a lightness of 25.7%. #304f53 color hex could be obtained by blending #609ea6 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 33
-
- C 42
- M 5
- Y 0
- K 67
● #304f53 color description : Very dark desaturated cyan.
#304f53 Color Conversion
The hexadecimal color #304f53 has RGB values of R:48, G:79, B:83 and CMYK values of C:0.42, M:0.05, Y:0, K:0.67. Its decimal value is 3166035.
Hex triplet | 304f53 | #304f53 |
---|---|---|
RGB Decimal | 48, 79, 83 | rgb(48,79,83) |
RGB Percent | 18.8, 31, 32.5 | rgb(18.8%,31%,32.5%) |
CMYK | 42, 5, 0, 67 | |
HSL | 186.9°, 26.7, 25.7 | hsl(186.9,26.7%,25.7%) |
HSV (or HSB) | 186.9°, 42.2, 32.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.45, -10.248, -5.984 |
---|---|
XYZ | 5.576, 6.845, 9.21 |
xyY | 0.258, 0.316, 6.845 |
CIE-LCH | 31.45, 11.867, 210.281 |
CIE-LUV | 31.45, -13.776, -6.122 |
Hunter-Lab | 26.162, -7.741, -2.56 |
Binary | 00110000, 01001111, 01010011 |
Color Schemes with #304f53
Alternatives to #304f53
Below, you can see some colors close to #304f53. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f53 Preview
This text has a font color of #304f53.
<span style="color:#304f53;">Text here</span>
This paragraph has a background color of #304f53.
<p style="background-color:#304f53;">Content here</p>
This element has a border color of #304f53.
<div style="border:1px solid #304f53;">Content here</div>
.text {color:#304f53;}
.background {background-color:#304f53;}
.border {border:1px solid #304f53;}
Shades and Tints of #304f53
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, #050808 is the darkest color, while #fbfcfd is the lightest one.
-
#050808
#050808
rgb(5,8,8)
-
#0c1415
#0c1415
rgb(12,20,21)
-
#132021
#132021
rgb(19,32,33)
-
#1a2c2e
#1a2c2e
rgb(26,44,46)
-
#22373a
#22373a
rgb(34,55,58)
-
#294347
#294347
rgb(41,67,71)
-
#304f53
#304f53
rgb(48,79,83)
-
#375b5f
#375b5f
rgb(55,91,95)
-
#3e676c
#3e676c
rgb(62,103,108)
-
#467278
#467278
rgb(70,114,120)
-
#4d7e85
#4d7e85
rgb(77,126,133)
-
#548a91
#548a91
rgb(84,138,145)
-
#5b969e
#5b969e
rgb(91,150,158)
-
#669fa6
#669fa6
rgb(102,159,166)
-
#72a7ae
#72a7ae
rgb(114,167,174)
-
#7fafb5
#7fafb5
rgb(127,175,181)
-
#8bb6bc
#8bb6bc
rgb(139,182,188)
-
#98bec3
#98bec3
rgb(152,190,195)
-
#a4c6ca
#a4c6ca
rgb(164,198,202)
-
#b0ced2
#b0ced2
rgb(176,206,210)
-
#bdd6d9
#bdd6d9
rgb(189,214,217)
-
#c9dde0
#c9dde0
rgb(201,221,224)
-
#d6e5e7
#d6e5e7
rgb(214,229,231)
-
#e2edee
#e2edee
rgb(226,237,238)
-
#eff5f6
#eff5f6
rgb(239,245,246)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #304f53
A tone is produced by adding gray to any pure hue. In this case, #3f4344 is the less saturated color, while #037280 is the most saturated one.
-
#3f4344
#3f4344
rgb(63,67,68)
-
#3a4749
#3a4749
rgb(58,71,73)
-
#354b4e
#354b4e
rgb(53,75,78)
-
#304f53
#304f53
rgb(48,79,83)
-
#2b5358
#2b5358
rgb(43,83,88)
-
#26575d
#26575d
rgb(38,87,93)
-
#215b62
#215b62
rgb(33,91,98)
-
#1c5f67
#1c5f67
rgb(28,95,103)
-
#17626c
#17626c
rgb(23,98,108)
-
#126671
#126671
rgb(18,102,113)
-
#0d6a76
#0d6a76
rgb(13,106,118)
-
#086e7b
#086e7b
rgb(8,110,123)
-
#037280
#037280
rgb(3,114,128)
Color Blindness Simulator
Below, you can see how #304f53 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.