#224e63 Color Information
In a RGB color space, hex #224e63 is composed of 13.3% red, 30.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 21.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 199.4 degrees, a saturation of 48.9% and a lightness of 26.1%. #224e63 color hex could be obtained by blending #449cc6 with #000000. Closest websafe color is: #336666.
-
- R 13
- G 31
- B 39
-
- C 66
- M 21
- Y 0
- K 61
● #224e63 color description : Very dark blue.
#224e63 Color Conversion
The hexadecimal color #224e63 has RGB values of R:34, G:78, B:99 and CMYK values of C:0.66, M:0.21, Y:0, K:0.61. Its decimal value is 2248291.
Hex triplet | 224e63 | #224e63 |
---|---|---|
RGB Decimal | 34, 78, 99 | rgb(34,78,99) |
RGB Percent | 13.3, 30.6, 38.8 | rgb(13.3%,30.6%,38.8%) |
CMYK | 66, 21, 0, 61 | |
HSL | 199.4°, 48.9, 26.1 | hsl(199.4,48.9%,26.1%) |
HSV (or HSB) | 199.4°, 65.7, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.089, -7.998, -16.781 |
---|---|
XYZ | 5.636, 6.689, 12.798 |
xyY | 0.224, 0.266, 6.689 |
CIE-LCH | 31.089, 18.59, 244.519 |
CIE-LUV | 31.089, -16.851, -20.742 |
Hunter-Lab | 25.864, -6.367, -11.233 |
Binary | 00100010, 01001110, 01100011 |
Color Schemes with #224e63
Alternatives to #224e63
Below, you can see some colors close to #224e63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224e63 Preview
This text has a font color of #224e63.
<span style="color:#224e63;">Text here</span>
This paragraph has a background color of #224e63.
<p style="background-color:#224e63;">Content here</p>
This element has a border color of #224e63.
<div style="border:1px solid #224e63;">Content here</div>
.text {color:#224e63;}
.background {background-color:#224e63;}
.border {border:1px solid #224e63;}
Shades and Tints of #224e63
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, #04090b is the darkest color, while #fcfdfe is the lightest one.
-
#04090b
#04090b
rgb(4,9,11)
-
#09141a
#09141a
rgb(9,20,26)
-
#0e2029
#0e2029
rgb(14,32,41)
-
#132b37
#132b37
rgb(19,43,55)
-
#183746
#183746
rgb(24,55,70)
-
#1d4254
#1d4254
rgb(29,66,84)
-
#224e63
#224e63
rgb(34,78,99)
-
#275a72
#275a72
rgb(39,90,114)
-
#2c6580
#2c6580
rgb(44,101,128)
-
#31718f
#31718f
rgb(49,113,143)
-
#367c9d
#367c9d
rgb(54,124,157)
-
#3b88ac
#3b88ac
rgb(59,136,172)
-
#4093bb
#4093bb
rgb(64,147,187)
-
#4d9cc2
#4d9cc2
rgb(77,156,194)
-
#5ba4c7
#5ba4c7
rgb(91,164,199)
-
#6aaccc
#6aaccc
rgb(106,172,204)
-
#78b4d1
#78b4d1
rgb(120,180,209)
-
#87bcd6
#87bcd6
rgb(135,188,214)
-
#96c4db
#96c4db
rgb(150,196,219)
-
#a4cde0
#a4cde0
rgb(164,205,224)
-
#b3d5e5
#b3d5e5
rgb(179,213,229)
-
#c1ddea
#c1ddea
rgb(193,221,234)
-
#d0e5ef
#d0e5ef
rgb(208,229,239)
-
#dfedf4
#dfedf4
rgb(223,237,244)
-
#edf5f9
#edf5f9
rgb(237,245,249)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #224e63
A tone is produced by adding gray to any pure hue. In this case, #414344 is the less saturated color, while #035982 is the most saturated one.
-
#414344
#414344
rgb(65,67,68)
-
#3c4549
#3c4549
rgb(60,69,73)
-
#36474f
#36474f
rgb(54,71,79)
-
#314954
#314954
rgb(49,73,84)
-
#2c4a59
#2c4a59
rgb(44,74,89)
-
#274c5e
#274c5e
rgb(39,76,94)
-
#224e63
#224e63
rgb(34,78,99)
-
#1d5068
#1d5068
rgb(29,80,104)
-
#18526d
#18526d
rgb(24,82,109)
-
#135372
#135372
rgb(19,83,114)
-
#0e5577
#0e5577
rgb(14,85,119)
-
#08577d
#08577d
rgb(8,87,125)
-
#035982
#035982
rgb(3,89,130)
Color Blindness Simulator
Below, you can see how #224e63 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.