#303954 Color Information
In a RGB color space, hex #303954 is composed of 18.8% red, 22.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 32.1% magenta, 0% yellow and 67.1% black. It has a hue angle of 225 degrees, a saturation of 27.3% and a lightness of 25.9%. #303954 color hex could be obtained by blending #6072a8 with #000000. Closest websafe color is: #333366.
-
- R 19
- G 22
- B 33
-
- C 43
- M 32
- Y 0
- K 67
● #303954 color description : Very dark desaturated blue.
#303954 Color Conversion
The hexadecimal color #303954 has RGB values of R:48, G:57, B:84 and CMYK values of C:0.43, M:0.32, Y:0, K:0.67. Its decimal value is 3160404.
Hex triplet | 303954 | #303954 |
---|---|---|
RGB Decimal | 48, 57, 84 | rgb(48,57,84) |
RGB Percent | 18.8, 22.4, 32.9 | rgb(18.8%,22.4%,32.9%) |
CMYK | 43, 32, 0, 67 | |
HSL | 225°, 27.3, 25.9 | hsl(225,27.3%,25.9%) |
HSV (or HSB) | 225°, 42.9, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 24.305, 4.185, -17.537 |
---|---|
XYZ | 4.282, 4.195, 8.971 |
xyY | 0.245, 0.24, 4.195 |
CIE-LCH | 24.305, 18.029, 283.422 |
CIE-LUV | 24.305, -5.008, -21.236 |
Hunter-Lab | 20.481, 1.478, -11.634 |
Binary | 00110000, 00111001, 01010100 |
Color Schemes with #303954
Alternatives to #303954
Below, you can see some colors close to #303954. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#303954 Preview
This text has a font color of #303954.
<span style="color:#303954;">Text here</span>
This paragraph has a background color of #303954.
<p style="background-color:#303954;">Content here</p>
This element has a border color of #303954.
<div style="border:1px solid #303954;">Content here</div>
.text {color:#303954;}
.background {background-color:#303954;}
.border {border:1px solid #303954;}
Shades and Tints of #303954
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, #050609 is the darkest color, while #fcfcfd is the lightest one.
-
#050609
#050609
rgb(5,6,9)
-
#0c0f16
#0c0f16
rgb(12,15,22)
-
#131722
#131722
rgb(19,23,34)
-
#1b202f
#1b202f
rgb(27,32,47)
-
#22283b
#22283b
rgb(34,40,59)
-
#293148
#293148
rgb(41,49,72)
-
#303954
#303954
rgb(48,57,84)
-
#374160
#374160
rgb(55,65,96)
-
#3e4a6d
#3e4a6d
rgb(62,74,109)
-
#455279
#455279
rgb(69,82,121)
-
#4d5b86
#4d5b86
rgb(77,91,134)
-
#546392
#546392
rgb(84,99,146)
-
#5b6c9f
#5b6c9f
rgb(91,108,159)
-
#6676a7
#6676a7
rgb(102,118,167)
-
#7281af
#7281af
rgb(114,129,175)
-
#7f8db6
#7f8db6
rgb(127,141,182)
-
#8b98bd
#8b98bd
rgb(139,152,189)
-
#98a3c4
#98a3c4
rgb(152,163,196)
-
#a4aecb
#a4aecb
rgb(164,174,203)
-
#b1b9d2
#b1b9d2
rgb(177,185,210)
-
#bdc4d9
#bdc4d9
rgb(189,196,217)
-
#cacfe1
#cacfe1
rgb(202,207,225)
-
#d6dbe8
#d6dbe8
rgb(214,219,232)
-
#e3e6ef
#e3e6ef
rgb(227,230,239)
-
#eff1f6
#eff1f6
rgb(239,241,246)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #303954
A tone is produced by adding gray to any pure hue. In this case, #3f4145 is the less saturated color, while #022282 is the most saturated one.
-
#3f4145
#3f4145
rgb(63,65,69)
-
#3a3e4a
#3a3e4a
rgb(58,62,74)
-
#353c4f
#353c4f
rgb(53,60,79)
-
#303954
#303954
rgb(48,57,84)
-
#2b3659
#2b3659
rgb(43,54,89)
-
#26345e
#26345e
rgb(38,52,94)
-
#213163
#213163
rgb(33,49,99)
-
#1c2f68
#1c2f68
rgb(28,47,104)
-
#172c6d
#172c6d
rgb(23,44,109)
-
#122a72
#122a72
rgb(18,42,114)
-
#0c2778
#0c2778
rgb(12,39,120)
-
#07257d
#07257d
rgb(7,37,125)
-
#022282
#022282
rgb(2,34,130)
Color Blindness Simulator
Below, you can see how #303954 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.