#303f54 Color Information
In a RGB color space, hex #303f54 is composed of 18.8% red, 24.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 25% magenta, 0% yellow and 67.1% black. It has a hue angle of 215 degrees, a saturation of 27.3% and a lightness of 25.9%. #303f54 color hex could be obtained by blending #607ea8 with #000000. Closest websafe color is: #333366.
-
- R 19
- G 25
- B 33
-
- C 43
- M 25
- Y 0
- K 67
● #303f54 color description : Very dark desaturated blue.
#303f54 Color Conversion
The hexadecimal color #303f54 has RGB values of R:48, G:63, B:84 and CMYK values of C:0.43, M:0.25, Y:0, K:0.67. Its decimal value is 3161940.
Hex triplet | 303f54 | #303f54 |
---|---|---|
RGB Decimal | 48, 63, 84 | rgb(48,63,84) |
RGB Percent | 18.8, 24.7, 32.9 | rgb(18.8%,24.7%,32.9%) |
CMYK | 43, 25, 0, 67 | |
HSL | 215°, 27.3, 25.9 | hsl(215,27.3%,25.9%) |
HSV (or HSB) | 215°, 42.9, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 26.225, 0.157, -14.563 |
---|---|
XYZ | 4.596, 4.823, 9.076 |
xyY | 0.249, 0.261, 4.823 |
CIE-LCH | 26.225, 14.564, 270.619 |
CIE-LUV | 26.225, -7.28, -17.602 |
Hunter-Lab | 21.962, -1.076, -9.128 |
Binary | 00110000, 00111111, 01010100 |
Color Schemes with #303f54
Alternatives to #303f54
Below, you can see some colors close to #303f54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#303f54 Preview
This text has a font color of #303f54.
<span style="color:#303f54;">Text here</span>
This paragraph has a background color of #303f54.
<p style="background-color:#303f54;">Content here</p>
This element has a border color of #303f54.
<div style="border:1px solid #303f54;">Content here</div>
.text {color:#303f54;}
.background {background-color:#303f54;}
.border {border:1px solid #303f54;}
Shades and Tints of #303f54
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, #050709 is the darkest color, while #fcfcfd is the lightest one.
-
#050709
#050709
rgb(5,7,9)
-
#0c1016
#0c1016
rgb(12,16,22)
-
#131a22
#131a22
rgb(19,26,34)
-
#1b232f
#1b232f
rgb(27,35,47)
-
#222c3b
#222c3b
rgb(34,44,59)
-
#293648
#293648
rgb(41,54,72)
-
#303f54
#303f54
rgb(48,63,84)
-
#374860
#374860
rgb(55,72,96)
-
#3e526d
#3e526d
rgb(62,82,109)
-
#455b79
#455b79
rgb(69,91,121)
-
#4d6486
#4d6486
rgb(77,100,134)
-
#546e92
#546e92
rgb(84,110,146)
-
#5b779f
#5b779f
rgb(91,119,159)
-
#6681a7
#6681a7
rgb(102,129,167)
-
#728baf
#728baf
rgb(114,139,175)
-
#7f96b6
#7f96b6
rgb(127,150,182)
-
#8ba0bd
#8ba0bd
rgb(139,160,189)
-
#98aac4
#98aac4
rgb(152,170,196)
-
#a4b4cb
#a4b4cb
rgb(164,180,203)
-
#b1bfd2
#b1bfd2
rgb(177,191,210)
-
#bdc9d9
#bdc9d9
rgb(189,201,217)
-
#cad3e1
#cad3e1
rgb(202,211,225)
-
#d6dde8
#d6dde8
rgb(214,221,232)
-
#e3e8ef
#e3e8ef
rgb(227,232,239)
-
#eff2f6
#eff2f6
rgb(239,242,246)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #303f54
A tone is produced by adding gray to any pure hue. In this case, #3f4245 is the less saturated color, while #023782 is the most saturated one.
-
#3f4245
#3f4245
rgb(63,66,69)
-
#3a414a
#3a414a
rgb(58,65,74)
-
#35404f
#35404f
rgb(53,64,79)
-
#303f54
#303f54
rgb(48,63,84)
-
#2b3e59
#2b3e59
rgb(43,62,89)
-
#263d5e
#263d5e
rgb(38,61,94)
-
#213c63
#213c63
rgb(33,60,99)
-
#1c3c68
#1c3c68
rgb(28,60,104)
-
#173b6d
#173b6d
rgb(23,59,109)
-
#123a72
#123a72
rgb(18,58,114)
-
#0c3978
#0c3978
rgb(12,57,120)
-
#07387d
#07387d
rgb(7,56,125)
-
#023782
#023782
rgb(2,55,130)
Color Blindness Simulator
Below, you can see how #303f54 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.