#304f60 Color Information
In a RGB color space, hex #304f60 is composed of 18.8% red, 31% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 17.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 201.3 degrees, a saturation of 33.3% and a lightness of 28.2%. #304f60 color hex could be obtained by blending #609ec0 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 38
-
- C 50
- M 18
- Y 0
- K 62
● #304f60 color description : Very dark desaturated blue.
#304f60 Color Conversion
The hexadecimal color #304f60 has RGB values of R:48, G:79, B:96 and CMYK values of C:0.5, M:0.18, Y:0, K:0.62. Its decimal value is 3166048.
Hex triplet | 304f60 | #304f60 |
---|---|---|
RGB Decimal | 48, 79, 96 | rgb(48,79,96) |
RGB Percent | 18.8, 31, 37.6 | rgb(18.8%,31%,37.6%) |
CMYK | 50, 18, 0, 62 | |
HSL | 201.3°, 33.3, 28.2 | hsl(201.3,33.3%,28.2%) |
HSV (or HSB) | 201.3°, 50, 37.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.953, -6.229, -13.494 |
---|---|
XYZ | 6.126, 7.065, 12.106 |
xyY | 0.242, 0.279, 7.065 |
CIE-LCH | 31.953, 14.862, 245.222 |
CIE-LUV | 31.953, -13.6, -16.588 |
Hunter-Lab | 26.579, -5.375, -8.4 |
Binary | 00110000, 01001111, 01100000 |
Color Schemes with #304f60
Alternatives to #304f60
Below, you can see some colors close to #304f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f60 Preview
This text has a font color of #304f60.
<span style="color:#304f60;">Text here</span>
This paragraph has a background color of #304f60.
<p style="background-color:#304f60;">Content here</p>
This element has a border color of #304f60.
<div style="border:1px solid #304f60;">Content here</div>
.text {color:#304f60;}
.background {background-color:#304f60;}
.border {border:1px solid #304f60;}
Shades and Tints of #304f60
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, #020404 is the darkest color, while #f6f9fb is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#090e12
#090e12
rgb(9,14,18)
-
#0f191f
#0f191f
rgb(15,25,31)
-
#16242c
#16242c
rgb(22,36,44)
-
#1c2f39
#1c2f39
rgb(28,47,57)
-
#233946
#233946
rgb(35,57,70)
-
#294453
#294453
rgb(41,68,83)
-
#304f60
#304f60
rgb(48,79,96)
-
#375a6d
#375a6d
rgb(55,90,109)
-
#3d657a
#3d657a
rgb(61,101,122)
-
#446f87
#446f87
rgb(68,111,135)
-
#4a7a94
#4a7a94
rgb(74,122,148)
-
#5185a1
#5185a1
rgb(81,133,161)
-
#598fac
#598fac
rgb(89,143,172)
-
#6798b3
#6798b3
rgb(103,152,179)
-
#74a1b9
#74a1b9
rgb(116,161,185)
-
#81a9c0
#81a9c0
rgb(129,169,192)
-
#8eb2c6
#8eb2c6
rgb(142,178,198)
-
#9bbbcd
#9bbbcd
rgb(155,187,205)
-
#a8c4d3
#a8c4d3
rgb(168,196,211)
-
#b5cdda
#b5cdda
rgb(181,205,218)
-
#c2d6e1
#c2d6e1
rgb(194,214,225)
-
#cfdfe7
#cfdfe7
rgb(207,223,231)
-
#dce7ee
#dce7ee
rgb(220,231,238)
-
#e9f0f4
#e9f0f4
rgb(233,240,244)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #304f60
A tone is produced by adding gray to any pure hue. In this case, #46494a is the less saturated color, while #045c8c is the most saturated one.
-
#46494a
#46494a
rgb(70,73,74)
-
#414a4f
#414a4f
rgb(65,74,79)
-
#3b4c55
#3b4c55
rgb(59,76,85)
-
#364d5a
#364d5a
rgb(54,77,90)
-
#304f60
#304f60
rgb(48,79,96)
-
#2a5166
#2a5166
rgb(42,81,102)
-
#25526b
#25526b
rgb(37,82,107)
-
#1f5471
#1f5471
rgb(31,84,113)
-
#1a5576
#1a5576
rgb(26,85,118)
-
#14577c
#14577c
rgb(20,87,124)
-
#0f5981
#0f5981
rgb(15,89,129)
-
#095a87
#095a87
rgb(9,90,135)
-
#045c8c
#045c8c
rgb(4,92,140)
Color Blindness Simulator
Below, you can see how #304f60 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.