#222660 Color Information
In a RGB color space, hex #222660 is composed of 13.3% red, 14.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 60.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 236.1 degrees, a saturation of 47.7% and a lightness of 25.5%. #222660 color hex could be obtained by blending #444cc0 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 15
- B 38
-
- C 65
- M 60
- Y 0
- K 62
● #222660 color description : Very dark blue.
#222660 Color Conversion
The hexadecimal color #222660 has RGB values of R:34, G:38, B:96 and CMYK values of C:0.65, M:0.6, Y:0, K:0.62. Its decimal value is 2238048.
Hex triplet | 222660 | #222660 |
---|---|---|
RGB Decimal | 34, 38, 96 | rgb(34,38,96) |
RGB Percent | 13.3, 14.9, 37.6 | rgb(13.3%,14.9%,37.6%) |
CMYK | 65, 60, 0, 62 | |
HSL | 236.1°, 47.7, 25.5 | hsl(236.1,47.7%,25.5%) |
HSV (or HSB) | 236.1°, 64.6, 37.6 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 18.235, 18.203, -35.181 |
---|---|
XYZ | 3.464, 2.571, 11.379 |
xyY | 0.199, 0.148, 2.571 |
CIE-LCH | 18.235, 39.611, 297.358 |
CIE-LUV | 18.235, -3.776, -39.011 |
Hunter-Lab | 16.033, 10.503, -30.857 |
Binary | 00100010, 00100110, 01100000 |
Color Schemes with #222660
Alternatives to #222660
Below, you can see some colors close to #222660. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222660 Preview
This text has a font color of #222660.
<span style="color:#222660;">Text here</span>
This paragraph has a background color of #222660.
<p style="background-color:#222660;">Content here</p>
This element has a border color of #222660.
<div style="border:1px solid #222660;">Content here</div>
.text {color:#222660;}
.background {background-color:#222660;}
.border {border:1px solid #222660;}
Shades and Tints of #222660
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, #030409 is the darkest color, while #fafafd is the lightest one.
-
#030409
#030409
rgb(3,4,9)
-
#080918
#080918
rgb(8,9,24)
-
#0d0f26
#0d0f26
rgb(13,15,38)
-
#131535
#131535
rgb(19,21,53)
-
#181b43
#181b43
rgb(24,27,67)
-
#1d2052
#1d2052
rgb(29,32,82)
-
#222660
#222660
rgb(34,38,96)
-
#272c6e
#272c6e
rgb(39,44,110)
-
#2c317d
#2c317d
rgb(44,49,125)
-
#31378b
#31378b
rgb(49,55,139)
-
#373d9a
#373d9a
rgb(55,61,154)
-
#3c43a8
#3c43a8
rgb(60,67,168)
-
#4148b7
#4148b7
rgb(65,72,183)
-
#4c53c0
#4c53c0
rgb(76,83,192)
-
#5a61c5
#5a61c5
rgb(90,97,197)
-
#696fca
#696fca
rgb(105,111,202)
-
#777dcf
#777dcf
rgb(119,125,207)
-
#868bd4
#868bd4
rgb(134,139,212)
-
#9499d9
#9499d9
rgb(148,153,217)
-
#a3a7de
#a3a7de
rgb(163,167,222)
-
#b1b4e3
#b1b4e3
rgb(177,180,227)
-
#c0c2e9
#c0c2e9
rgb(192,194,233)
-
#ced0ee
#ced0ee
rgb(206,208,238)
-
#dddef3
#dddef3
rgb(221,222,243)
-
#ebecf8
#ebecf8
rgb(235,236,248)
-
#fafafd
#fafafd
rgb(250,250,253)
Tones of #222660
A tone is produced by adding gray to any pure hue. In this case, #404042 is the less saturated color, while #040c7e is the most saturated one.
-
#404042
#404042
rgb(64,64,66)
-
#3b3c47
#3b3c47
rgb(59,60,71)
-
#36374c
#36374c
rgb(54,55,76)
-
#313351
#313351
rgb(49,51,81)
-
#2c2f56
#2c2f56
rgb(44,47,86)
-
#272a5b
#272a5b
rgb(39,42,91)
-
#222660
#222660
rgb(34,38,96)
-
#1d2265
#1d2265
rgb(29,34,101)
-
#181d6a
#181d6a
rgb(24,29,106)
-
#13196f
#13196f
rgb(19,25,111)
-
#0e1574
#0e1574
rgb(14,21,116)
-
#091079
#091079
rgb(9,16,121)
-
#040c7e
#040c7e
rgb(4,12,126)
Color Blindness Simulator
Below, you can see how #222660 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.