#022aa3 Color Information
In a RGB color space, hex #022aa3 is composed of 0.8% red, 16.5% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 74.2% magenta, 0% yellow and 36.1% black. It has a hue angle of 225.1 degrees, a saturation of 97.6% and a lightness of 32.4%. #022aa3 color hex could be obtained by blending #0454ff with #000047. Closest websafe color is: #003399.
-
- R 1
- G 16
- B 64
-
- C 99
- M 74
- Y 0
- K 36
● #022aa3 color description : Dark blue.
#022aa3 Color Conversion
The hexadecimal color #022aa3 has RGB values of R:2, G:42, B:163 and CMYK values of C:0.99, M:0.74, Y:0, K:0.36. Its decimal value is 141987.
Hex triplet | 022aa3 | #022aa3 |
---|---|---|
RGB Decimal | 2, 42, 163 | rgb(2,42,163) |
RGB Percent | 0.8, 16.5, 63.9 | rgb(0.8%,16.5%,63.9%) |
CMYK | 99, 74, 0, 36 | |
HSL | 225.1°, 97.6, 32.4 | hsl(225.1,97.6%,32.4%) |
HSV (or HSB) | 225.1°, 98.8, 63.9 | |
Web Safe | 003399 | #003399 |
CIE-LAB | 24.679, 38.761, -66.982 |
---|---|
XYZ | 7.462, 4.313, 35.087 |
xyY | 0.159, 0.092, 4.313 |
CIE-LCH | 24.679, 77.388, 300.057 |
CIE-LUV | 24.679, -9.493, -80.067 |
Hunter-Lab | 20.767, 27.802, -85.64 |
Binary | 00000010, 00101010, 10100011 |
Color Schemes with #022aa3
Alternatives to #022aa3
Below, you can see some colors close to #022aa3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022aa3 Preview
This text has a font color of #022aa3.
<span style="color:#022aa3;">Text here</span>
This paragraph has a background color of #022aa3.
<p style="background-color:#022aa3;">Content here</p>
This element has a border color of #022aa3.
<div style="border:1px solid #022aa3;">Content here</div>
.text {color:#022aa3;}
.background {background-color:#022aa3;}
.border {border:1px solid #022aa3;}
Shades and Tints of #022aa3
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, #000208 is the darkest color, while #f4f6ff is the lightest one.
-
#000208
#000208
rgb(0,2,8)
-
#00071b
#00071b
rgb(0,7,27)
-
#010c2f
#010c2f
rgb(1,12,47)
-
#011142
#011142
rgb(1,17,66)
-
#011655
#011655
rgb(1,22,85)
-
#011b69
#011b69
rgb(1,27,105)
-
#02207c
#02207c
rgb(2,32,124)
-
#022590
#022590
rgb(2,37,144)
-
#022aa3
#022aa3
rgb(2,42,163)
-
#022fb6
#022fb6
rgb(2,47,182)
-
#0234ca
#0234ca
rgb(2,52,202)
-
#0339dd
#0339dd
rgb(3,57,221)
-
#033ef1
#033ef1
rgb(3,62,241)
-
#0b47fc
#0b47fc
rgb(11,71,252)
-
#1e56fc
#1e56fc
rgb(30,86,252)
-
#3264fc
#3264fc
rgb(50,100,252)
-
#4573fd
#4573fd
rgb(69,115,253)
-
#5981fd
#5981fd
rgb(89,129,253)
-
#6c90fd
#6c90fd
rgb(108,144,253)
-
#7f9ffd
#7f9ffd
rgb(127,159,253)
-
#93adfe
#93adfe
rgb(147,173,254)
-
#a6bcfe
#a6bcfe
rgb(166,188,254)
-
#b9cbfe
#b9cbfe
rgb(185,203,254)
-
#cdd9fe
#cdd9fe
rgb(205,217,254)
-
#e0e8ff
#e0e8ff
rgb(224,232,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #022aa3
A tone is produced by adding gray to any pure hue. In this case, #4e5057 is the less saturated color, while #022aa3 is the most saturated one.
-
#4e5057
#4e5057
rgb(78,80,87)
-
#484d5d
#484d5d
rgb(72,77,93)
-
#414a64
#414a64
rgb(65,74,100)
-
#3b476a
#3b476a
rgb(59,71,106)
-
#354470
#354470
rgb(53,68,112)
-
#2e4077
#2e4077
rgb(46,64,119)
-
#283d7d
#283d7d
rgb(40,61,125)
-
#223a83
#223a83
rgb(34,58,131)
-
#1b378a
#1b378a
rgb(27,55,138)
-
#153490
#153490
rgb(21,52,144)
-
#0f3096
#0f3096
rgb(15,48,150)
-
#082d9d
#082d9d
rgb(8,45,157)
-
#022aa3
#022aa3
rgb(2,42,163)
Color Blindness Simulator
Below, you can see how #022aa3 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.