#30363c Color Information
In a RGB color space, hex #30363c is composed of 18.8% red, 21.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 10% magenta, 0% yellow and 76.5% black. It has a hue angle of 210 degrees, a saturation of 11.1% and a lightness of 21.2%. #30363c color hex could be obtained by blending #606c78 with #000000. Closest websafe color is: #333333.
-
- R 19
- G 21
- B 24
-
- C 20
- M 10
- Y 0
- K 76
● #30363c color description : Very dark grayish blue.
#30363c Color Conversion
The hexadecimal color #30363c has RGB values of R:48, G:54, B:60 and CMYK values of C:0.2, M:0.1, Y:0, K:0.76. Its decimal value is 3159612.
Hex triplet | 30363c | #30363c |
---|---|---|
RGB Decimal | 48, 54, 60 | rgb(48,54,60) |
RGB Percent | 18.8, 21.2, 23.5 | rgb(18.8%,21.2%,23.5%) |
CMYK | 20, 10, 0, 76 | |
HSL | 210°, 11.1, 21.2 | hsl(210,11.1%,21.2%) |
HSV (or HSB) | 210°, 20, 23.5 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 22.277, -0.995, -4.615 |
---|---|
XYZ | 3.354, 3.593, 4.792 |
xyY | 0.286, 0.306, 3.593 |
CIE-LCH | 22.277, 4.721, 257.834 |
CIE-LUV | 22.277, -3.055, -4.88 |
Hunter-Lab | 18.955, -1.591, -1.719 |
Binary | 00110000, 00110110, 00111100 |
Color Schemes with #30363c
Alternatives to #30363c
Below, you can see some colors close to #30363c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30363c Preview
This text has a font color of #30363c.
<span style="color:#30363c;">Text here</span>
This paragraph has a background color of #30363c.
<p style="background-color:#30363c;">Content here</p>
This element has a border color of #30363c.
<div style="border:1px solid #30363c;">Content here</div>
.text {color:#30363c;}
.background {background-color:#30363c;}
.border {border:1px solid #30363c;}
Shades and Tints of #30363c
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, #040506 is the darkest color, while #fafafb is the lightest one.
-
#040506
#040506
rgb(4,5,6)
-
#0d0f10
#0d0f10
rgb(13,15,16)
-
#16191b
#16191b
rgb(22,25,27)
-
#1f2226
#1f2226
rgb(31,34,38)
-
#272c31
#272c31
rgb(39,44,49)
-
#30363c
#30363c
rgb(48,54,60)
-
#394047
#394047
rgb(57,64,71)
-
#414a52
#414a52
rgb(65,74,82)
-
#4a535d
#4a535d
rgb(74,83,93)
-
#535d68
#535d68
rgb(83,93,104)
-
#5c6772
#5c6772
rgb(92,103,114)
-
#64717d
#64717d
rgb(100,113,125)
-
#6d7b88
#6d7b88
rgb(109,123,136)
-
#778492
#778492
rgb(119,132,146)
-
#828e9b
#828e9b
rgb(130,142,155)
-
#8d98a4
#8d98a4
rgb(141,152,164)
-
#98a2ac
#98a2ac
rgb(152,162,172)
-
#a2acb5
#a2acb5
rgb(162,172,181)
-
#adb6be
#adb6be
rgb(173,182,190)
-
#b8bfc6
#b8bfc6
rgb(184,191,198)
-
#c3c9cf
#c3c9cf
rgb(195,201,207)
-
#ced3d8
#ced3d8
rgb(206,211,216)
-
#d9dde1
#d9dde1
rgb(217,221,225)
-
#e4e7e9
#e4e7e9
rgb(228,231,233)
-
#eff0f2
#eff0f2
rgb(239,240,242)
-
#fafafb
#fafafb
rgb(250,250,251)
Tones of #30363c
A tone is produced by adding gray to any pure hue. In this case, #343638 is the less saturated color, while #02366a is the most saturated one.
-
#343638
#343638
rgb(52,54,56)
-
#30363c
#30363c
rgb(48,54,60)
-
#2c3640
#2c3640
rgb(44,54,64)
-
#283644
#283644
rgb(40,54,68)
-
#243648
#243648
rgb(36,54,72)
-
#1f364d
#1f364d
rgb(31,54,77)
-
#1b3651
#1b3651
rgb(27,54,81)
-
#173655
#173655
rgb(23,54,85)
-
#133659
#133659
rgb(19,54,89)
-
#0f365d
#0f365d
rgb(15,54,93)
-
#0b3661
#0b3661
rgb(11,54,97)
-
#063666
#063666
rgb(6,54,102)
-
#02366a
#02366a
rgb(2,54,106)
Color Blindness Simulator
Below, you can see how #30363c 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.