#304f56 Color Information
In a RGB color space, hex #304f56 is composed of 18.8% red, 31% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 8.1% magenta, 0% yellow and 66.3% black. It has a hue angle of 191.1 degrees, a saturation of 28.4% and a lightness of 26.3%. #304f56 color hex could be obtained by blending #609eac with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 34
-
- C 44
- M 8
- Y 0
- K 66
● #304f56 color description : Very dark desaturated cyan.
#304f56 Color Conversion
The hexadecimal color #304f56 has RGB values of R:48, G:79, B:86 and CMYK values of C:0.44, M:0.08, Y:0, K:0.66. Its decimal value is 3166038.
Hex triplet | 304f56 | #304f56 |
---|---|---|
RGB Decimal | 48, 79, 86 | rgb(48,79,86) |
RGB Percent | 18.8, 31, 33.7 | rgb(18.8%,31%,33.7%) |
CMYK | 44, 8, 0, 66 | |
HSL | 191.1°, 28.4, 26.3 | hsl(191.1,28.4%,26.3%) |
HSV (or HSB) | 191.1°, 44.2, 33.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.56, -9.354, -7.733 |
---|---|
XYZ | 5.694, 6.892, 9.834 |
xyY | 0.254, 0.307, 6.892 |
CIE-LCH | 31.56, 12.137, 219.583 |
CIE-LUV | 31.56, -13.734, -8.503 |
Hunter-Lab | 26.252, -7.225, -3.832 |
Binary | 00110000, 01001111, 01010110 |
Color Schemes with #304f56
Alternatives to #304f56
Below, you can see some colors close to #304f56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f56 Preview
This text has a font color of #304f56.
<span style="color:#304f56;">Text here</span>
This paragraph has a background color of #304f56.
<p style="background-color:#304f56;">Content here</p>
This element has a border color of #304f56.
<div style="border:1px solid #304f56;">Content here</div>
.text {color:#304f56;}
.background {background-color:#304f56;}
.border {border:1px solid #304f56;}
Shades and Tints of #304f56
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, #060a0a is the darkest color, while #fdfefe is the lightest one.
-
#060a0a
#060a0a
rgb(6,10,10)
-
#0d1517
#0d1517
rgb(13,21,23)
-
#142124
#142124
rgb(20,33,36)
-
#1b2c30
#1b2c30
rgb(27,44,48)
-
#22383d
#22383d
rgb(34,56,61)
-
#294349
#294349
rgb(41,67,73)
-
#304f56
#304f56
rgb(48,79,86)
-
#375b63
#375b63
rgb(55,91,99)
-
#3e666f
#3e666f
rgb(62,102,111)
-
#45727c
#45727c
rgb(69,114,124)
-
#4c7d88
#4c7d88
rgb(76,125,136)
-
#538995
#538995
rgb(83,137,149)
-
#5a94a2
#5a94a2
rgb(90,148,162)
-
#669da9
#669da9
rgb(102,157,169)
-
#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)
-
#b1cdd4
#b1cdd4
rgb(177,205,212)
-
#bed5db
#bed5db
rgb(190,213,219)
-
#cbdde2
#cbdde2
rgb(203,221,226)
-
#d7e5e9
#d7e5e9
rgb(215,229,233)
-
#e4eef0
#e4eef0
rgb(228,238,240)
-
#f0f6f7
#f0f6f7
rgb(240,246,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #304f56
A tone is produced by adding gray to any pure hue. In this case, #3f4547 is the less saturated color, while #026c84 is the most saturated one.
-
#3f4547
#3f4547
rgb(63,69,71)
-
#3a484c
#3a484c
rgb(58,72,76)
-
#354c51
#354c51
rgb(53,76,81)
-
#304f56
#304f56
rgb(48,79,86)
-
#2b525b
#2b525b
rgb(43,82,91)
-
#265660
#265660
rgb(38,86,96)
-
#215965
#215965
rgb(33,89,101)
-
#1b5c6b
#1b5c6b
rgb(27,92,107)
-
#165f70
#165f70
rgb(22,95,112)
-
#116375
#116375
rgb(17,99,117)
-
#0c667a
#0c667a
rgb(12,102,122)
-
#07697f
#07697f
rgb(7,105,127)
-
#026c84
#026c84
rgb(2,108,132)
Color Blindness Simulator
Below, you can see how #304f56 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.