#222fa0 Color Information
In a RGB color space, hex #222fa0 is composed of 13.3% red, 18.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 70.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 233.8 degrees, a saturation of 64.9% and a lightness of 38%. #222fa0 color hex could be obtained by blending #445eff with #000041. Closest websafe color is: #333399.
-
- R 13
- G 18
- B 63
-
- C 79
- M 71
- Y 0
- K 37
● #222fa0 color description : Dark blue.
#222fa0 Color Conversion
The hexadecimal color #222fa0 has RGB values of R:34, G:47, B:160 and CMYK values of C:0.79, M:0.71, Y:0, K:0.37. Its decimal value is 2240416.
Hex triplet | 222fa0 | #222fa0 |
---|---|---|
RGB Decimal | 34, 47, 160 | rgb(34,47,160) |
RGB Percent | 13.3, 18.4, 62.7 | rgb(13.3%,18.4%,62.7%) |
CMYK | 79, 71, 0, 37 | |
HSL | 233.8°, 64.9, 38 | hsl(233.8,64.9%,38%) |
HSV (or HSB) | 233.8°, 78.8, 62.7 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 26.479, 36.208, -62.155 |
---|---|
XYZ | 8.02, 4.911, 33.781 |
xyY | 0.172, 0.105, 4.911 |
CIE-LCH | 26.479, 71.933, 300.223 |
CIE-LUV | 26.479, -7.765, -78.09 |
Hunter-Lab | 22.16, 25.822, -74.87 |
Binary | 00100010, 00101111, 10100000 |
Color Schemes with #222fa0
Alternatives to #222fa0
Below, you can see some colors close to #222fa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222fa0 Preview
This text has a font color of #222fa0.
<span style="color:#222fa0;">Text here</span>
This paragraph has a background color of #222fa0.
<p style="background-color:#222fa0;">Content here</p>
This element has a border color of #222fa0.
<div style="border:1px solid #222fa0;">Content here</div>
.text {color:#222fa0;}
.background {background-color:#222fa0;}
.border {border:1px solid #222fa0;}
Shades and Tints of #222fa0
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, #03040e is the darkest color, while #fdfdff is the lightest one.
-
#03040e
#03040e
rgb(3,4,14)
-
#06091f
#06091f
rgb(6,9,31)
-
#0a0e2f
#0a0e2f
rgb(10,14,47)
-
#0d123f
#0d123f
rgb(13,18,63)
-
#11174f
#11174f
rgb(17,23,79)
-
#141c5f
#141c5f
rgb(20,28,95)
-
#18216f
#18216f
rgb(24,33,111)
-
#1b2580
#1b2580
rgb(27,37,128)
-
#1f2a90
#1f2a90
rgb(31,42,144)
-
#222fa0
#222fa0
rgb(34,47,160)
-
#2534b0
#2534b0
rgb(37,52,176)
-
#2939c0
#2939c0
rgb(41,57,192)
-
#2c3dd1
#2c3dd1
rgb(44,61,209)
-
#3b4bd5
#3b4bd5
rgb(59,75,213)
-
#4b5ad9
#4b5ad9
rgb(75,90,217)
-
#5b69dc
#5b69dc
rgb(91,105,220)
-
#6c78e0
#6c78e0
rgb(108,120,224)
-
#7c86e3
#7c86e3
rgb(124,134,227)
-
#8c95e7
#8c95e7
rgb(140,149,231)
-
#9ca4ea
#9ca4ea
rgb(156,164,234)
-
#acb3ed
#acb3ed
rgb(172,179,237)
-
#bdc2f1
#bdc2f1
rgb(189,194,241)
-
#cdd1f4
#cdd1f4
rgb(205,209,244)
-
#dde0f8
#dde0f8
rgb(221,224,248)
-
#edeffb
#edeffb
rgb(237,239,251)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #222fa0
A tone is produced by adding gray to any pure hue. In this case, #5e5e64 is the less saturated color, while #0417be is the most saturated one.
-
#5e5e64
#5e5e64
rgb(94,94,100)
-
#56586c
#56586c
rgb(86,88,108)
-
#4f5373
#4f5373
rgb(79,83,115)
-
#474d7b
#474d7b
rgb(71,77,123)
-
#404782
#404782
rgb(64,71,130)
-
#38418a
#38418a
rgb(56,65,138)
-
#313b91
#313b91
rgb(49,59,145)
-
#293599
#293599
rgb(41,53,153)
-
#222fa0
#222fa0
rgb(34,47,160)
-
#1b29a7
#1b29a7
rgb(27,41,167)
-
#1323af
#1323af
rgb(19,35,175)
-
#0c1db6
#0c1db6
rgb(12,29,182)
-
#0417be
#0417be
rgb(4,23,190)
Color Blindness Simulator
Below, you can see how #222fa0 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.