#424f63 Color Information
In a RGB color space, hex #424f63 is composed of 25.9% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 216.4 degrees, a saturation of 20% and a lightness of 32.4%. #424f63 color hex could be obtained by blending #849ec6 with #000000. Closest websafe color is: #336666.
-
- R 26
- G 31
- B 39
-
- C 33
- M 20
- Y 0
- K 61
● #424f63 color description : Very dark grayish blue.
#424f63 Color Conversion
The hexadecimal color #424f63 has RGB values of R:66, G:79, B:99 and CMYK values of C:0.33, M:0.2, Y:0, K:0.61. Its decimal value is 4345699.
Hex triplet | 424f63 | #424f63 |
---|---|---|
RGB Decimal | 66, 79, 99 | rgb(66,79,99) |
RGB Percent | 25.9, 31, 38.8 | rgb(25.9%,31%,38.8%) |
CMYK | 33, 20, 0, 61 | |
HSL | 216.4°, 20, 32.4 | hsl(216.4,20%,32.4%) |
HSV (or HSB) | 216.4°, 33.3, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.245, 0.219, -13.314 |
---|---|
XYZ | 7.294, 7.651, 12.896 |
xyY | 0.262, 0.275, 7.651 |
CIE-LCH | 33.245, 13.316, 270.94 |
CIE-LUV | 33.245, -7.056, -17.275 |
Hunter-Lab | 27.66, -1.332, -8.281 |
Binary | 01000010, 01001111, 01100011 |
Color Schemes with #424f63
Alternatives to #424f63
Below, you can see some colors close to #424f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#424f63 Preview
This text has a font color of #424f63.
<span style="color:#424f63;">Text here</span>
This paragraph has a background color of #424f63.
<p style="background-color:#424f63;">Content here</p>
This element has a border color of #424f63.
<div style="border:1px solid #424f63;">Content here</div>
.text {color:#424f63;}
.background {background-color:#424f63;}
.border {border:1px solid #424f63;}
Shades and Tints of #424f63
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, #030405 is the darkest color, while #f8f9fa is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0b0d11
#0b0d11
rgb(11,13,17)
-
#13171c
#13171c
rgb(19,23,28)
-
#1b2028
#1b2028
rgb(27,32,40)
-
#232934
#232934
rgb(35,41,52)
-
#2a3340
#2a3340
rgb(42,51,64)
-
#323c4b
#323c4b
rgb(50,60,75)
-
#3a4657
#3a4657
rgb(58,70,87)
-
#424f63
#424f63
rgb(66,79,99)
-
#4a586f
#4a586f
rgb(74,88,111)
-
#52627b
#52627b
rgb(82,98,123)
-
#5a6b86
#5a6b86
rgb(90,107,134)
-
#617592
#617592
rgb(97,117,146)
-
#6b7e9c
#6b7e9c
rgb(107,126,156)
-
#7789a4
#7789a4
rgb(119,137,164)
-
#8293ac
#8293ac
rgb(130,147,172)
-
#8e9db4
#8e9db4
rgb(142,157,180)
-
#9aa7bc
#9aa7bc
rgb(154,167,188)
-
#a6b1c3
#a6b1c3
rgb(166,177,195)
-
#b1bccb
#b1bccb
rgb(177,188,203)
-
#bdc6d3
#bdc6d3
rgb(189,198,211)
-
#c9d0db
#c9d0db
rgb(201,208,219)
-
#d5dae3
#d5dae3
rgb(213,218,227)
-
#e1e5eb
#e1e5eb
rgb(225,229,235)
-
#eceff3
#eceff3
rgb(236,239,243)
-
#f8f9fa
#f8f9fa
rgb(248,249,250)
Tones of #424f63
A tone is produced by adding gray to any pure hue. In this case, #4f5256 is the less saturated color, while #0342a2 is the most saturated one.
-
#4f5256
#4f5256
rgb(79,82,86)
-
#48505d
#48505d
rgb(72,80,93)
-
#424f63
#424f63
rgb(66,79,99)
-
#3c4e69
#3c4e69
rgb(60,78,105)
-
#354c70
#354c70
rgb(53,76,112)
-
#2f4b76
#2f4b76
rgb(47,75,118)
-
#294a7c
#294a7c
rgb(41,74,124)
-
#224883
#224883
rgb(34,72,131)
-
#1c4789
#1c4789
rgb(28,71,137)
-
#16468f
#16468f
rgb(22,70,143)
-
#0f4496
#0f4496
rgb(15,68,150)
-
#09439c
#09439c
rgb(9,67,156)
-
#0342a2
#0342a2
rgb(3,66,162)
Color Blindness Simulator
Below, you can see how #424f63 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.