#222f61 Color Information
In a RGB color space, hex #222f61 is composed of 13.3% red, 18.4% green and 38% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 51.5% magenta, 0% yellow and 62% black. It has a hue angle of 227.6 degrees, a saturation of 48.1% and a lightness of 25.7%. #222f61 color hex could be obtained by blending #445ec2 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 18
- B 38
-
- C 65
- M 52
- Y 0
- K 62
● #222f61 color description : Very dark blue.
#222f61 Color Conversion
The hexadecimal color #222f61 has RGB values of R:34, G:47, B:97 and CMYK values of C:0.65, M:0.52, Y:0, K:0.62. Its decimal value is 2240353.
Hex triplet | 222f61 | #222f61 |
---|---|---|
RGB Decimal | 34, 47, 97 | rgb(34,47,97) |
RGB Percent | 13.3, 18.4, 38 | rgb(13.3%,18.4%,38%) |
CMYK | 65, 52, 0, 62 | |
HSL | 227.6°, 48.1, 25.7 | hsl(227.6,48.1%,25.7%) |
HSV (or HSB) | 227.6°, 64.9, 38 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 20.965, 12.136, -31.435 |
---|---|
XYZ | 3.833, 3.236, 11.731 |
xyY | 0.204, 0.172, 3.236 |
CIE-LCH | 20.965, 33.696, 291.111 |
CIE-LUV | 20.965, -6.195, -36.997 |
Hunter-Lab | 17.989, 6.558, -26.073 |
Binary | 00100010, 00101111, 01100001 |
Color Schemes with #222f61
Alternatives to #222f61
Below, you can see some colors close to #222f61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222f61 Preview
This text has a font color of #222f61.
<span style="color:#222f61;">Text here</span>
This paragraph has a background color of #222f61.
<p style="background-color:#222f61;">Content here</p>
This element has a border color of #222f61.
<div style="border:1px solid #222f61;">Content here</div>
.text {color:#222f61;}
.background {background-color:#222f61;}
.border {border:1px solid #222f61;}
Shades and Tints of #222f61
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, #03050a is the darkest color, while #fafbfd is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#090c18
#090c18
rgb(9,12,24)
-
#0e1327
#0e1327
rgb(14,19,39)
-
#131a35
#131a35
rgb(19,26,53)
-
#182144
#182144
rgb(24,33,68)
-
#1d2852
#1d2852
rgb(29,40,82)
-
#222f61
#222f61
rgb(34,47,97)
-
#273670
#273670
rgb(39,54,112)
-
#2c3d7e
#2c3d7e
rgb(44,61,126)
-
#31448d
#31448d
rgb(49,68,141)
-
#364b9b
#364b9b
rgb(54,75,155)
-
#3b52aa
#3b52aa
rgb(59,82,170)
-
#4159b8
#4159b8
rgb(65,89,184)
-
#4c64c0
#4c64c0
rgb(76,100,192)
-
#5b71c5
#5b71c5
rgb(91,113,197)
-
#697dca
#697dca
rgb(105,125,202)
-
#788ad0
#788ad0
rgb(120,138,208)
-
#8696d5
#8696d5
rgb(134,150,213)
-
#95a3da
#95a3da
rgb(149,163,218)
-
#a3afdf
#a3afdf
rgb(163,175,223)
-
#b2bce4
#b2bce4
rgb(178,188,228)
-
#c0c9e9
#c0c9e9
rgb(192,201,233)
-
#cfd5ee
#cfd5ee
rgb(207,213,238)
-
#dde2f3
#dde2f3
rgb(221,226,243)
-
#eceef8
#eceef8
rgb(236,238,248)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #222f61
A tone is produced by adding gray to any pure hue. In this case, #404143 is the less saturated color, while #041d7f is the most saturated one.
-
#404143
#404143
rgb(64,65,67)
-
#3b3e48
#3b3e48
rgb(59,62,72)
-
#363b4d
#363b4d
rgb(54,59,77)
-
#313852
#313852
rgb(49,56,82)
-
#2c3557
#2c3557
rgb(44,53,87)
-
#27325c
#27325c
rgb(39,50,92)
-
#222f61
#222f61
rgb(34,47,97)
-
#1d2c66
#1d2c66
rgb(29,44,102)
-
#18296b
#18296b
rgb(24,41,107)
-
#132670
#132670
rgb(19,38,112)
-
#0e2375
#0e2375
rgb(14,35,117)
-
#09207a
#09207a
rgb(9,32,122)
-
#041d7f
#041d7f
rgb(4,29,127)
Color Blindness Simulator
Below, you can see how #222f61 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.