#222c63 Color Information
In a RGB color space, hex #222c63 is composed of 13.3% red, 17.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 55.6% magenta, 0% yellow and 61.2% black. It has a hue angle of 230.8 degrees, a saturation of 48.9% and a lightness of 26.1%. #222c63 color hex could be obtained by blending #4458c6 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 17
- B 39
-
- C 66
- M 56
- Y 0
- K 61
● #222c63 color description : Very dark blue.
#222c63 Color Conversion
The hexadecimal color #222c63 has RGB values of R:34, G:44, B:99 and CMYK values of C:0.66, M:0.56, Y:0, K:0.61. Its decimal value is 2239587.
Hex triplet | 222c63 | #222c63 |
---|---|---|
RGB Decimal | 34, 44, 99 | rgb(34,44,99) |
RGB Percent | 13.3, 17.3, 38.8 | rgb(13.3%,17.3%,38.8%) |
CMYK | 66, 56, 0, 61 | |
HSL | 230.8°, 48.9, 26.1 | hsl(230.8,48.9%,26.1%) |
HSV (or HSB) | 230.8°, 65.7, 38.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 20.212, 15.065, -33.959 |
---|---|
XYZ | 3.812, 3.042, 12.19 |
xyY | 0.2, 0.16, 3.042 |
CIE-LCH | 20.212, 37.15, 293.923 |
CIE-LUV | 20.212, -5.403, -39.42 |
Hunter-Lab | 17.442, 8.49, -29.229 |
Binary | 00100010, 00101100, 01100011 |
Color Schemes with #222c63
Alternatives to #222c63
Below, you can see some colors close to #222c63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222c63 Preview
This text has a font color of #222c63.
<span style="color:#222c63;">Text here</span>
This paragraph has a background color of #222c63.
<p style="background-color:#222c63;">Content here</p>
This element has a border color of #222c63.
<div style="border:1px solid #222c63;">Content here</div>
.text {color:#222c63;}
.background {background-color:#222c63;}
.border {border:1px solid #222c63;}
Shades and Tints of #222c63
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, #04050b is the darkest color, while #fcfcfe is the lightest one.
-
#04050b
#04050b
rgb(4,5,11)
-
#090c1a
#090c1a
rgb(9,12,26)
-
#0e1229
#0e1229
rgb(14,18,41)
-
#131937
#131937
rgb(19,25,55)
-
#181f46
#181f46
rgb(24,31,70)
-
#1d2654
#1d2654
rgb(29,38,84)
-
#222c63
#222c63
rgb(34,44,99)
-
#273272
#273272
rgb(39,50,114)
-
#2c3980
#2c3980
rgb(44,57,128)
-
#313f8f
#313f8f
rgb(49,63,143)
-
#36469d
#36469d
rgb(54,70,157)
-
#3b4cac
#3b4cac
rgb(59,76,172)
-
#4053bb
#4053bb
rgb(64,83,187)
-
#4d5fc2
#4d5fc2
rgb(77,95,194)
-
#5b6cc7
#5b6cc7
rgb(91,108,199)
-
#6a79cc
#6a79cc
rgb(106,121,204)
-
#7886d1
#7886d1
rgb(120,134,209)
-
#8793d6
#8793d6
rgb(135,147,214)
-
#96a0db
#96a0db
rgb(150,160,219)
-
#a4ade0
#a4ade0
rgb(164,173,224)
-
#b3bae5
#b3bae5
rgb(179,186,229)
-
#c1c8ea
#c1c8ea
rgb(193,200,234)
-
#d0d5ef
#d0d5ef
rgb(208,213,239)
-
#dfe2f4
#dfe2f4
rgb(223,226,244)
-
#edeff9
#edeff9
rgb(237,239,249)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #222c63
A tone is produced by adding gray to any pure hue. In this case, #414144 is the less saturated color, while #031782 is the most saturated one.
-
#414144
#414144
rgb(65,65,68)
-
#3c3e49
#3c3e49
rgb(60,62,73)
-
#363a4f
#363a4f
rgb(54,58,79)
-
#313754
#313754
rgb(49,55,84)
-
#2c3359
#2c3359
rgb(44,51,89)
-
#27305e
#27305e
rgb(39,48,94)
-
#222c63
#222c63
rgb(34,44,99)
-
#1d2868
#1d2868
rgb(29,40,104)
-
#18256d
#18256d
rgb(24,37,109)
-
#132172
#132172
rgb(19,33,114)
-
#0e1e77
#0e1e77
rgb(14,30,119)
-
#081a7d
#081a7d
rgb(8,26,125)
-
#031782
#031782
rgb(3,23,130)
Color Blindness Simulator
Below, you can see how #222c63 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.