#022acc Color Information
In a RGB color space, hex #022acc is composed of 0.8% red, 16.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 79.4% magenta, 0% yellow and 20% black. It has a hue angle of 228.1 degrees, a saturation of 98.1% and a lightness of 40.4%. #022acc color hex could be obtained by blending #0454ff with #000099. Closest websafe color is: #0033cc.
-
- R 1
- G 16
- B 80
-
- C 99
- M 79
- Y 0
- K 20
● #022acc color description : Strong blue.
#022acc Color Conversion
The hexadecimal color #022acc has RGB values of R:2, G:42, B:204 and CMYK values of C:0.99, M:0.79, Y:0, K:0.2. Its decimal value is 142028.
Hex triplet | 022acc | #022acc |
---|---|---|
RGB Decimal | 2, 42, 204 | rgb(2,42,204) |
RGB Percent | 0.8, 16.5, 80 | rgb(0.8%,16.5%,80%) |
CMYK | 99, 79, 0, 20 | |
HSL | 228.1°, 98.1, 40.4 | hsl(228.1,98.1%,40.4%) |
HSV (or HSB) | 228.1°, 99, 80 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 29.482, 53.036, -83.399 |
---|---|
XYZ | 11.75, 6.028, 57.668 |
xyY | 0.156, 0.08, 6.028 |
CIE-LCH | 29.482, 98.834, 302.453 |
CIE-LUV | 29.482, -10.362, -103.937 |
Hunter-Lab | 24.551, 42.464, -122.08 |
Binary | 00000010, 00101010, 11001100 |
Color Schemes with #022acc
Alternatives to #022acc
Below, you can see some colors close to #022acc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022acc Preview
This text has a font color of #022acc.
<span style="color:#022acc;">Text here</span>
This paragraph has a background color of #022acc.
<p style="background-color:#022acc;">Content here</p>
This element has a border color of #022acc.
<div style="border:1px solid #022acc;">Content here</div>
.text {color:#022acc;}
.background {background-color:#022acc;}
.border {border:1px solid #022acc;}
Shades and Tints of #022acc
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, #00020a is the darkest color, while #f5f7ff is the lightest one.
-
#00020a
#00020a
rgb(0,2,10)
-
#00061d
#00061d
rgb(0,6,29)
-
#000a31
#000a31
rgb(0,10,49)
-
#010e44
#010e44
rgb(1,14,68)
-
#011257
#011257
rgb(1,18,87)
-
#01166b
#01166b
rgb(1,22,107)
-
#011a7e
#011a7e
rgb(1,26,126)
-
#011e92
#011e92
rgb(1,30,146)
-
#0222a5
#0222a5
rgb(2,34,165)
-
#0226b9
#0226b9
rgb(2,38,185)
-
#022acc
#022acc
rgb(2,42,204)
-
#022edf
#022edf
rgb(2,46,223)
-
#0232f3
#0232f3
rgb(2,50,243)
-
#0c3cfd
#0c3cfd
rgb(12,60,253)
-
#204bfd
#204bfd
rgb(32,75,253)
-
#335bfd
#335bfd
rgb(51,91,253)
-
#476bfd
#476bfd
rgb(71,107,253)
-
#5a7afd
#5a7afd
rgb(90,122,253)
-
#6d8afe
#6d8afe
rgb(109,138,254)
-
#819afe
#819afe
rgb(129,154,254)
-
#94a9fe
#94a9fe
rgb(148,169,254)
-
#a8b9fe
#a8b9fe
rgb(168,185,254)
-
#bbc8fe
#bbc8fe
rgb(187,200,254)
-
#ced8ff
#ced8ff
rgb(206,216,255)
-
#e2e8ff
#e2e8ff
rgb(226,232,255)
-
#f5f7ff
#f5f7ff
rgb(245,247,255)
Tones of #022acc
A tone is produced by adding gray to any pure hue. In this case, #61636d is the less saturated color, while #022acc is the most saturated one.
-
#61636d
#61636d
rgb(97,99,109)
-
#595f75
#595f75
rgb(89,95,117)
-
#515a7d
#515a7d
rgb(81,90,125)
-
#495585
#495585
rgb(73,85,133)
-
#41508d
#41508d
rgb(65,80,141)
-
#394b95
#394b95
rgb(57,75,149)
-
#32479c
#32479c
rgb(50,71,156)
-
#2a42a4
#2a42a4
rgb(42,66,164)
-
#223dac
#223dac
rgb(34,61,172)
-
#1a38b4
#1a38b4
rgb(26,56,180)
-
#1234bc
#1234bc
rgb(18,52,188)
-
#0a2fc4
#0a2fc4
rgb(10,47,196)
-
#022acc
#022acc
rgb(2,42,204)
Color Blindness Simulator
Below, you can see how #022acc 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.