#222f75 Color Information
In a RGB color space, hex #222f75 is composed of 13.3% red, 18.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 59.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 230.6 degrees, a saturation of 55% and a lightness of 29.6%. #222f75 color hex could be obtained by blending #445eea with #000000. Closest websafe color is: #333366.
-
- R 13
- G 18
- B 46
-
- C 71
- M 60
- Y 0
- K 54
● #222f75 color description : Dark blue.
#222f75 Color Conversion
The hexadecimal color #222f75 has RGB values of R:34, G:47, B:117 and CMYK values of C:0.71, M:0.6, Y:0, K:0.54. Its decimal value is 2240373.
Hex triplet | 222f75 | #222f75 |
---|---|---|
RGB Decimal | 34, 47, 117 | rgb(34,47,117) |
RGB Percent | 13.3, 18.4, 45.9 | rgb(13.3%,18.4%,45.9%) |
CMYK | 71, 60, 0, 54 | |
HSL | 230.6°, 55, 29.6 | hsl(230.6,55%,29.6%) |
HSV (or HSB) | 230.6°, 70.9, 45.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.504, 19.952, -41.89 |
---|---|
XYZ | 4.886, 3.657, 17.277 |
xyY | 0.189, 0.142, 3.657 |
CIE-LCH | 22.504, 46.399, 295.468 |
CIE-LUV | 22.504, -6.629, -50.71 |
Hunter-Lab | 19.124, 12.143, -40.178 |
Binary | 00100010, 00101111, 01110101 |
Color Schemes with #222f75
Alternatives to #222f75
Below, you can see some colors close to #222f75. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222f75 Preview
This text has a font color of #222f75.
<span style="color:#222f75;">Text here</span>
This paragraph has a background color of #222f75.
<p style="background-color:#222f75;">Content here</p>
This element has a border color of #222f75.
<div style="border:1px solid #222f75;">Content here</div>
.text {color:#222f75;}
.background {background-color:#222f75;}
.border {border:1px solid #222f75;}
Shades and Tints of #222f75
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, #03040b is the darkest color, while #fafbfe is the lightest one.
-
#03040b
#03040b
rgb(3,4,11)
-
#070a1a
#070a1a
rgb(7,10,26)
-
#0c1029
#0c1029
rgb(12,16,41)
-
#101738
#101738
rgb(16,23,56)
-
#151d47
#151d47
rgb(21,29,71)
-
#192357
#192357
rgb(25,35,87)
-
#1e2966
#1e2966
rgb(30,41,102)
-
#222f75
#222f75
rgb(34,47,117)
-
#263584
#263584
rgb(38,53,132)
-
#2b3b93
#2b3b93
rgb(43,59,147)
-
#2f41a3
#2f41a3
rgb(47,65,163)
-
#3447b2
#3447b2
rgb(52,71,178)
-
#384ec1
#384ec1
rgb(56,78,193)
-
#4459c9
#4459c9
rgb(68,89,201)
-
#5366cd
#5366cd
rgb(83,102,205)
-
#6274d1
#6274d1
rgb(98,116,209)
-
#7281d6
#7281d6
rgb(114,129,214)
-
#818fda
#818fda
rgb(129,143,218)
-
#909cdf
#909cdf
rgb(144,156,223)
-
#9faae3
#9faae3
rgb(159,170,227)
-
#aeb7e8
#aeb7e8
rgb(174,183,232)
-
#bec5ec
#bec5ec
rgb(190,197,236)
-
#cdd2f0
#cdd2f0
rgb(205,210,240)
-
#dce0f5
#dce0f5
rgb(220,224,245)
-
#ebedf9
#ebedf9
rgb(235,237,249)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #222f75
A tone is produced by adding gray to any pure hue. In this case, #4b4b4c is the less saturated color, while #051b92 is the most saturated one.
-
#4b4b4c
#4b4b4c
rgb(75,75,76)
-
#454752
#454752
rgb(69,71,82)
-
#3f4358
#3f4358
rgb(63,67,88)
-
#393f5e
#393f5e
rgb(57,63,94)
-
#333b64
#333b64
rgb(51,59,100)
-
#2e3769
#2e3769
rgb(46,55,105)
-
#28336f
#28336f
rgb(40,51,111)
-
#222f75
#222f75
rgb(34,47,117)
-
#1c2b7b
#1c2b7b
rgb(28,43,123)
-
#162781
#162781
rgb(22,39,129)
-
#112386
#112386
rgb(17,35,134)
-
#0b1f8c
#0b1f8c
rgb(11,31,140)
-
#051b92
#051b92
rgb(5,27,146)
Color Blindness Simulator
Below, you can see how #222f75 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.