#222acc Color Information
In a RGB color space, hex #222acc is composed of 13.3% red, 16.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 79.4% magenta, 0% yellow and 20% black. It has a hue angle of 237.2 degrees, a saturation of 71.4% and a lightness of 46.7%. #222acc color hex could be obtained by blending #4454ff with #000099. Closest websafe color is: #3333cc.
-
- R 13
- G 16
- B 80
-
- C 83
- M 79
- Y 0
- K 20
● #222acc color description : Strong blue.
#222acc Color Conversion
The hexadecimal color #222acc has RGB values of R:34, G:42, B:204 and CMYK values of C:0.83, M:0.79, Y:0, K:0.2. Its decimal value is 2239180.
Hex triplet | 222acc | #222acc |
---|---|---|
RGB Decimal | 34, 42, 204 | rgb(34,42,204) |
RGB Percent | 13.3, 16.5, 80 | rgb(13.3%,16.5%,80%) |
CMYK | 83, 79, 0, 20 | |
HSL | 237.2°, 71.4, 46.7 | hsl(237.2,71.4%,46.7%) |
HSV (or HSB) | 237.2°, 83.3, 80 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 30.29, 53.956, -82.032 |
---|---|
XYZ | 12.385, 6.355, 57.697 |
xyY | 0.162, 0.083, 6.355 |
CIE-LCH | 30.29, 98.187, 303.335 |
CIE-LUV | 30.29, -8.435, -104.215 |
Hunter-Lab | 25.209, 43.579, -118.056 |
Binary | 00100010, 00101010, 11001100 |
Color Schemes with #222acc
Alternatives to #222acc
Below, you can see some colors close to #222acc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222acc Preview
This text has a font color of #222acc.
<span style="color:#222acc;">Text here</span>
This paragraph has a background color of #222acc.
<p style="background-color:#222acc;">Content here</p>
This element has a border color of #222acc.
<div style="border:1px solid #222acc;">Content here</div>
.text {color:#222acc;}
.background {background-color:#222acc;}
.border {border:1px solid #222acc;}
Shades and Tints of #222acc
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, #000002 is the darkest color, while #f0f1fd is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#030413
#030413
rgb(3,4,19)
-
#060724
#060724
rgb(6,7,36)
-
#090b35
#090b35
rgb(9,11,53)
-
#0c0e45
#0c0e45
rgb(12,14,69)
-
#0e1256
#0e1256
rgb(14,18,86)
-
#111567
#111567
rgb(17,21,103)
-
#141978
#141978
rgb(20,25,120)
-
#171c89
#171c89
rgb(23,28,137)
-
#1a209a
#1a209a
rgb(26,32,154)
-
#1c23aa
#1c23aa
rgb(28,35,170)
-
#1f27bb
#1f27bb
rgb(31,39,187)
-
#222acc
#222acc
rgb(34,42,204)
-
#272fdb
#272fdb
rgb(39,47,219)
-
#373fde
#373fde
rgb(55,63,222)
-
#484fe1
#484fe1
rgb(72,79,225)
-
#5960e3
#5960e3
rgb(89,96,227)
-
#6a70e6
#6a70e6
rgb(106,112,230)
-
#7b80e9
#7b80e9
rgb(123,128,233)
-
#8c90ec
#8c90ec
rgb(140,144,236)
-
#9ca0ef
#9ca0ef
rgb(156,160,239)
-
#adb0f1
#adb0f1
rgb(173,176,241)
-
#bec1f4
#bec1f4
rgb(190,193,244)
-
#cfd1f7
#cfd1f7
rgb(207,209,247)
-
#e0e1fa
#e0e1fa
rgb(224,225,250)
-
#f0f1fd
#f0f1fd
rgb(240,241,253)
Tones of #222acc
A tone is produced by adding gray to any pure hue. In this case, #74757a is the less saturated color, while #0711e7 is the most saturated one.
-
#74757a
#74757a
rgb(116,117,122)
-
#6b6c83
#6b6c83
rgb(107,108,131)
-
#62648c
#62648c
rgb(98,100,140)
-
#595c95
#595c95
rgb(89,92,149)
-
#50539e
#50539e
rgb(80,83,158)
-
#474ba7
#474ba7
rgb(71,75,167)
-
#3d43b1
#3d43b1
rgb(61,67,177)
-
#343bba
#343bba
rgb(52,59,186)
-
#2b32c3
#2b32c3
rgb(43,50,195)
-
#222acc
#222acc
rgb(34,42,204)
-
#1922d5
#1922d5
rgb(25,34,213)
-
#1019de
#1019de
rgb(16,25,222)
-
#0711e7
#0711e7
rgb(7,17,231)
Color Blindness Simulator
Below, you can see how #222acc 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.