#022286 Color Information
In a RGB color space, hex #022286 is composed of 0.8% red, 13.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 74.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 225.5 degrees, a saturation of 97.1% and a lightness of 26.7%. #022286 color hex could be obtained by blending #0444ff with #00000d. Closest websafe color is: #003399.
-
- R 1
- G 13
- B 53
-
- C 99
- M 75
- Y 0
- K 47
● #022286 color description : Dark blue.
#022286 Color Conversion
The hexadecimal color #022286 has RGB values of R:2, G:34, B:134 and CMYK values of C:0.99, M:0.75, Y:0, K:0.47. Its decimal value is 139910.
Hex triplet | 022286 | #022286 |
---|---|---|
RGB Decimal | 2, 34, 134 | rgb(2,34,134) |
RGB Percent | 0.8, 13.3, 52.5 | rgb(0.8%,13.3%,52.5%) |
CMYK | 99, 75, 0, 47 | |
HSL | 225.5°, 97.1, 26.7 | hsl(225.5,97.1%,26.7%) |
HSV (or HSB) | 225.5°, 98.5, 52.5 | |
Web Safe | 003399 | #003399 |
CIE-LAB | 19.548, 32.858, -57.563 |
---|---|
XYZ | 4.899, 2.878, 22.85 |
xyY | 0.16, 0.094, 2.878 |
CIE-LCH | 19.548, 66.281, 299.718 |
CIE-LUV | 19.548, -7.571, -62.574 |
Hunter-Lab | 16.964, 21.864, -67.988 |
Binary | 00000010, 00100010, 10000110 |
Color Schemes with #022286
Alternatives to #022286
Below, you can see some colors close to #022286. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022286 Preview
This text has a font color of #022286.
<span style="color:#022286;">Text here</span>
This paragraph has a background color of #022286.
<p style="background-color:#022286;">Content here</p>
This element has a border color of #022286.
<div style="border:1px solid #022286;">Content here</div>
.text {color:#022286;}
.background {background-color:#022286;}
.border {border:1px solid #022286;}
Shades and Tints of #022286
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, #000512 is the darkest color, while #fefeff is the lightest one.
-
#000512
#000512
rgb(0,5,18)
-
#010925
#010925
rgb(1,9,37)
-
#010e39
#010e39
rgb(1,14,57)
-
#01134c
#01134c
rgb(1,19,76)
-
#01185f
#01185f
rgb(1,24,95)
-
#021d73
#021d73
rgb(2,29,115)
-
#022286
#022286
rgb(2,34,134)
-
#022799
#022799
rgb(2,39,153)
-
#032cad
#032cad
rgb(3,44,173)
-
#0331c0
#0331c0
rgb(3,49,192)
-
#0336d3
#0336d3
rgb(3,54,211)
-
#033be7
#033be7
rgb(3,59,231)
-
#043ffa
#043ffa
rgb(4,63,250)
-
#164dfc
#164dfc
rgb(22,77,252)
-
#295cfc
#295cfc
rgb(41,92,252)
-
#3c6bfc
#3c6bfc
rgb(60,107,252)
-
#507afc
#507afc
rgb(80,122,252)
-
#6388fd
#6388fd
rgb(99,136,253)
-
#7697fd
#7697fd
rgb(118,151,253)
-
#8aa6fd
#8aa6fd
rgb(138,166,253)
-
#9db4fe
#9db4fe
rgb(157,180,254)
-
#b0c3fe
#b0c3fe
rgb(176,195,254)
-
#c4d2fe
#c4d2fe
rgb(196,210,254)
-
#d7e1fe
#d7e1fe
rgb(215,225,254)
-
#eaefff
#eaefff
rgb(234,239,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #022286
A tone is produced by adding gray to any pure hue. In this case, #414247 is the less saturated color, while #022286 is the most saturated one.
-
#414247
#414247
rgb(65,66,71)
-
#3c404c
#3c404c
rgb(60,64,76)
-
#363d52
#363d52
rgb(54,61,82)
-
#313a57
#313a57
rgb(49,58,87)
-
#2c385c
#2c385c
rgb(44,56,92)
-
#273561
#273561
rgb(39,53,97)
-
#213267
#213267
rgb(33,50,103)
-
#1c2f6c
#1c2f6c
rgb(28,47,108)
-
#172d71
#172d71
rgb(23,45,113)
-
#122a76
#122a76
rgb(18,42,118)
-
#0c277c
#0c277c
rgb(12,39,124)
-
#072581
#072581
rgb(7,37,129)
-
#022286
#022286
rgb(2,34,134)
Color Blindness Simulator
Below, you can see how #022286 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.