#222bcc Color Information
In a RGB color space, hex #222bcc is composed of 13.3% red, 16.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 78.9% magenta, 0% yellow and 20% black. It has a hue angle of 236.8 degrees, a saturation of 71.4% and a lightness of 46.7%. #222bcc color hex could be obtained by blending #4456ff with #000099. Closest websafe color is: #3333cc.
-
- R 13
- G 17
- B 80
-
- C 83
- M 79
- Y 0
- K 20
● #222bcc color description : Strong blue.
#222bcc Color Conversion
The hexadecimal color #222bcc has RGB values of R:34, G:43, B:204 and CMYK values of C:0.83, M:0.79, Y:0, K:0.2. Its decimal value is 2239436.
Hex triplet | 222bcc | #222bcc |
---|---|---|
RGB Decimal | 34, 43, 204 | rgb(34,43,204) |
RGB Percent | 13.3, 16.9, 80 | rgb(13.3%,16.9%,80%) |
CMYK | 83, 79, 0, 20 | |
HSL | 236.8°, 71.4, 46.7 | hsl(236.8,71.4%,46.7%) |
HSV (or HSB) | 236.8°, 83.3, 80 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 30.464, 53.452, -81.744 |
---|---|
XYZ | 12.42, 6.427, 57.709 |
xyY | 0.162, 0.084, 6.427 |
CIE-LCH | 30.464, 97.669, 303.181 |
CIE-LUV | 30.464, -8.566, -104.234 |
Hunter-Lab | 25.351, 43.091, -117.224 |
Binary | 00100010, 00101011, 11001100 |
Color Schemes with #222bcc
Alternatives to #222bcc
Below, you can see some colors close to #222bcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222bcc Preview
This text has a font color of #222bcc.
<span style="color:#222bcc;">Text here</span>
This paragraph has a background color of #222bcc.
<p style="background-color:#222bcc;">Content here</p>
This element has a border color of #222bcc.
<div style="border:1px solid #222bcc;">Content here</div>
.text {color:#222bcc;}
.background {background-color:#222bcc;}
.border {border:1px solid #222bcc;}
Shades and Tints of #222bcc
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)
-
#060824
#060824
rgb(6,8,36)
-
#090b35
#090b35
rgb(9,11,53)
-
#0c0f45
#0c0f45
rgb(12,15,69)
-
#0e1256
#0e1256
rgb(14,18,86)
-
#111667
#111667
rgb(17,22,103)
-
#141978
#141978
rgb(20,25,120)
-
#171d89
#171d89
rgb(23,29,137)
-
#1a209a
#1a209a
rgb(26,32,154)
-
#1c24aa
#1c24aa
rgb(28,36,170)
-
#1f27bb
#1f27bb
rgb(31,39,187)
-
#222bcc
#222bcc
rgb(34,43,204)
-
#2730db
#2730db
rgb(39,48,219)
-
#3740de
#3740de
rgb(55,64,222)
-
#4850e1
#4850e1
rgb(72,80,225)
-
#5960e3
#5960e3
rgb(89,96,227)
-
#6a71e6
#6a71e6
rgb(106,113,230)
-
#7b81e9
#7b81e9
rgb(123,129,233)
-
#8c91ec
#8c91ec
rgb(140,145,236)
-
#9ca1ef
#9ca1ef
rgb(156,161,239)
-
#adb1f1
#adb1f1
rgb(173,177,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 #222bcc
A tone is produced by adding gray to any pure hue. In this case, #74757a is the less saturated color, while #0712e7 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)
-
#50549e
#50549e
rgb(80,84,158)
-
#474ca7
#474ca7
rgb(71,76,167)
-
#3d44b1
#3d44b1
rgb(61,68,177)
-
#343bba
#343bba
rgb(52,59,186)
-
#2b33c3
#2b33c3
rgb(43,51,195)
-
#222bcc
#222bcc
rgb(34,43,204)
-
#1923d5
#1923d5
rgb(25,35,213)
-
#101bde
#101bde
rgb(16,27,222)
-
#0712e7
#0712e7
rgb(7,18,231)
Color Blindness Simulator
Below, you can see how #222bcc 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.