#304e57 Color Information
In a RGB color space, hex #304e57 is composed of 18.8% red, 30.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 10.3% magenta, 0% yellow and 65.9% black. It has a hue angle of 193.8 degrees, a saturation of 28.9% and a lightness of 26.5%. #304e57 color hex could be obtained by blending #609cae with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 34
-
- C 45
- M 10
- Y 0
- K 66
● #304e57 color description : Very dark desaturated cyan.
#304e57 Color Conversion
The hexadecimal color #304e57 has RGB values of R:48, G:78, B:87 and CMYK values of C:0.45, M:0.1, Y:0, K:0.66. Its decimal value is 3165783.
Hex triplet | 304e57 | #304e57 |
---|---|---|
RGB Decimal | 48, 78, 87 | rgb(48,78,87) |
RGB Percent | 18.8, 30.6, 34.1 | rgb(18.8%,30.6%,34.1%) |
CMYK | 45, 10, 0, 66 | |
HSL | 193.8°, 28.9, 26.5 | hsl(193.8,28.9%,26.5%) |
HSV (or HSB) | 193.8°, 44.8, 34.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.266, -8.443, -8.814 |
---|---|
XYZ | 5.663, 6.765, 10.024 |
xyY | 0.252, 0.301, 6.765 |
CIE-LCH | 31.266, 12.205, 226.23 |
CIE-LUV | 31.266, -13.309, -9.998 |
Hunter-Lab | 26.01, -6.651, -4.643 |
Binary | 00110000, 01001110, 01010111 |
Color Schemes with #304e57
Alternatives to #304e57
Below, you can see some colors close to #304e57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304e57 Preview
This text has a font color of #304e57.
<span style="color:#304e57;">Text here</span>
This paragraph has a background color of #304e57.
<p style="background-color:#304e57;">Content here</p>
This element has a border color of #304e57.
<div style="border:1px solid #304e57;">Content here</div>
.text {color:#304e57;}
.background {background-color:#304e57;}
.border {border:1px solid #304e57;}
Shades and Tints of #304e57
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)
-
#0d1518
#0d1518
rgb(13,21,24)
-
#142124
#142124
rgb(20,33,36)
-
#1b2c31
#1b2c31
rgb(27,44,49)
-
#22373e
#22373e
rgb(34,55,62)
-
#29434a
#29434a
rgb(41,67,74)
-
#304e57
#304e57
rgb(48,78,87)
-
#375964
#375964
rgb(55,89,100)
-
#3e6570
#3e6570
rgb(62,101,112)
-
#45707d
#45707d
rgb(69,112,125)
-
#4c7b8a
#4c7b8a
rgb(76,123,138)
-
#538796
#538796
rgb(83,135,150)
-
#5a92a3
#5a92a3
rgb(90,146,163)
-
#669baa
#669baa
rgb(102,155,170)
-
#72a3b1
#72a3b1
rgb(114,163,177)
-
#7fabb8
#7fabb8
rgb(127,171,184)
-
#8cb3bf
#8cb3bf
rgb(140,179,191)
-
#98bcc6
#98bcc6
rgb(152,188,198)
-
#a5c4cd
#a5c4cd
rgb(165,196,205)
-
#b2ccd4
#b2ccd4
rgb(178,204,212)
-
#bed5db
#bed5db
rgb(190,213,219)
-
#cbdde2
#cbdde2
rgb(203,221,226)
-
#d8e5e9
#d8e5e9
rgb(216,229,233)
-
#e4edf0
#e4edf0
rgb(228,237,240)
-
#f1f6f7
#f1f6f7
rgb(241,246,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #304e57
A tone is produced by adding gray to any pure hue. In this case, #404647 is the less saturated color, while #016786 is the most saturated one.
-
#404647
#404647
rgb(64,70,71)
-
#3a484d
#3a484d
rgb(58,72,77)
-
#354b52
#354b52
rgb(53,75,82)
-
#304e57
#304e57
rgb(48,78,87)
-
#2b515c
#2b515c
rgb(43,81,92)
-
#265461
#265461
rgb(38,84,97)
-
#205667
#205667
rgb(32,86,103)
-
#1b596c
#1b596c
rgb(27,89,108)
-
#165c71
#165c71
rgb(22,92,113)
-
#115f76
#115f76
rgb(17,95,118)
-
#0c627b
#0c627b
rgb(12,98,123)
-
#066481
#066481
rgb(6,100,129)
-
#016786
#016786
rgb(1,103,134)
Color Blindness Simulator
Below, you can see how #304e57 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.