#222673 Color Information
In a RGB color space, hex #222673 is composed of 13.3% red, 14.9% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 67% magenta, 0% yellow and 54.9% black. It has a hue angle of 237 degrees, a saturation of 54.4% and a lightness of 29.2%. #222673 color hex could be obtained by blending #444ce6 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 15
- B 45
-
- C 70
- M 67
- Y 0
- K 55
● #222673 color description : Dark blue.
#222673 Color Conversion
The hexadecimal color #222673 has RGB values of R:34, G:38, B:115 and CMYK values of C:0.7, M:0.67, Y:0, K:0.55. Its decimal value is 2238067.
Hex triplet | 222673 | #222673 |
---|---|---|
RGB Decimal | 34, 38, 115 | rgb(34,38,115) |
RGB Percent | 13.3, 14.9, 45.1 | rgb(13.3%,14.9%,45.1%) |
CMYK | 70, 67, 0, 55 | |
HSL | 237°, 54.4, 29.2 | hsl(237,54.4%,29.2%) |
HSV (or HSB) | 237°, 70.4, 45.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 19.899, 25.429, -44.855 |
---|---|
XYZ | 4.447, 2.964, 16.556 |
xyY | 0.186, 0.124, 2.964 |
CIE-LCH | 19.899, 51.562, 299.55 |
CIE-LUV | 19.899, -4.501, -51.149 |
Hunter-Lab | 17.216, 15.977, -44.968 |
Binary | 00100010, 00100110, 01110011 |
Color Schemes with #222673
Alternatives to #222673
Below, you can see some colors close to #222673. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222673 Preview
This text has a font color of #222673.
<span style="color:#222673;">Text here</span>
This paragraph has a background color of #222673.
<p style="background-color:#222673;">Content here</p>
This element has a border color of #222673.
<div style="border:1px solid #222673;">Content here</div>
.text {color:#222673;}
.background {background-color:#222673;}
.border {border:1px solid #222673;}
Shades and Tints of #222673
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, #030309 is the darkest color, while #f9f9fd is the lightest one.
-
#030309
#030309
rgb(3,3,9)
-
#070818
#070818
rgb(7,8,24)
-
#0c0d27
#0c0d27
rgb(12,13,39)
-
#101236
#101236
rgb(16,18,54)
-
#151746
#151746
rgb(21,23,70)
-
#191c55
#191c55
rgb(25,28,85)
-
#1e2164
#1e2164
rgb(30,33,100)
-
#222673
#222673
rgb(34,38,115)
-
#262b82
#262b82
rgb(38,43,130)
-
#2b3091
#2b3091
rgb(43,48,145)
-
#2f35a0
#2f35a0
rgb(47,53,160)
-
#343ab0
#343ab0
rgb(52,58,176)
-
#383fbf
#383fbf
rgb(56,63,191)
-
#434ac7
#434ac7
rgb(67,74,199)
-
#5258cc
#5258cc
rgb(82,88,204)
-
#6167d0
#6167d0
rgb(97,103,208)
-
#7176d5
#7176d5
rgb(113,118,213)
-
#8084d9
#8084d9
rgb(128,132,217)
-
#8f93de
#8f93de
rgb(143,147,222)
-
#9ea1e2
#9ea1e2
rgb(158,161,226)
-
#adb0e7
#adb0e7
rgb(173,176,231)
-
#bcbfeb
#bcbfeb
rgb(188,191,235)
-
#cbcdf0
#cbcdf0
rgb(203,205,240)
-
#dbdcf4
#dbdcf4
rgb(219,220,244)
-
#eaeaf9
#eaeaf9
rgb(234,234,249)
-
#f9f9fd
#f9f9fd
rgb(249,249,253)
Tones of #222673
A tone is produced by adding gray to any pure hue. In this case, #4a4a4b is the less saturated color, while #050c90 is the most saturated one.
-
#4a4a4b
#4a4a4b
rgb(74,74,75)
-
#444551
#444551
rgb(68,69,81)
-
#3f4056
#3f4056
rgb(63,64,86)
-
#393b5c
#393b5c
rgb(57,59,92)
-
#333562
#333562
rgb(51,53,98)
-
#2d3068
#2d3068
rgb(45,48,104)
-
#282b6d
#282b6d
rgb(40,43,109)
-
#222673
#222673
rgb(34,38,115)
-
#1c2179
#1c2179
rgb(28,33,121)
-
#171c7e
#171c7e
rgb(23,28,126)
-
#111784
#111784
rgb(17,23,132)
-
#0b118a
#0b118a
rgb(11,17,138)
-
#050c90
#050c90
rgb(5,12,144)
Color Blindness Simulator
Below, you can see how #222673 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.