#222653 Color Information
In a RGB color space, hex #222653 is composed of 13.3% red, 14.9% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 54.2% magenta, 0% yellow and 67.5% black. It has a hue angle of 235.1 degrees, a saturation of 41.9% and a lightness of 22.9%. #222653 color hex could be obtained by blending #444ca6 with #000000. Closest websafe color is: #333366.
-
- R 13
- G 15
- B 33
-
- C 59
- M 54
- Y 0
- K 67
● #222653 color description : Very dark desaturated blue.
#222653 Color Conversion
The hexadecimal color #222653 has RGB values of R:34, G:38, B:83 and CMYK values of C:0.59, M:0.54, Y:0, K:0.67. Its decimal value is 2238035.
Hex triplet | 222653 | #222653 |
---|---|---|
RGB Decimal | 34, 38, 83 | rgb(34,38,83) |
RGB Percent | 13.3, 14.9, 32.5 | rgb(13.3%,14.9%,32.5%) |
CMYK | 59, 54, 0, 67 | |
HSL | 235.1°, 41.9, 22.9 | hsl(235.1,41.9%,22.9%) |
HSV (or HSB) | 235.1°, 59, 32.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 17.23, 13.256, -28.129 |
---|---|
XYZ | 2.914, 2.351, 8.483 |
xyY | 0.212, 0.171, 2.351 |
CIE-LCH | 17.23, 31.096, 295.232 |
CIE-LUV | 17.23, -3.282, -30.421 |
Hunter-Lab | 15.332, 7.092, -22.073 |
Binary | 00100010, 00100110, 01010011 |
Color Schemes with #222653
Alternatives to #222653
Below, you can see some colors close to #222653. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222653 Preview
This text has a font color of #222653.
<span style="color:#222653;">Text here</span>
This paragraph has a background color of #222653.
<p style="background-color:#222653;">Content here</p>
This element has a border color of #222653.
<div style="border:1px solid #222653;">Content here</div>
.text {color:#222653;}
.background {background-color:#222653;}
.border {border:1px solid #222653;}
Shades and Tints of #222653
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, #05060d is the darkest color, while #ffffff is the lightest one.
-
#05060d
#05060d
rgb(5,6,13)
-
#0b0d1b
#0b0d1b
rgb(11,13,27)
-
#111329
#111329
rgb(17,19,41)
-
#171937
#171937
rgb(23,25,55)
-
#1c2045
#1c2045
rgb(28,32,69)
-
#222653
#222653
rgb(34,38,83)
-
#282c61
#282c61
rgb(40,44,97)
-
#2d336f
#2d336f
rgb(45,51,111)
-
#33397d
#33397d
rgb(51,57,125)
-
#393f8b
#393f8b
rgb(57,63,139)
-
#3f4699
#3f4699
rgb(63,70,153)
-
#444ca6
#444ca6
rgb(68,76,166)
-
#4a53b4
#4a53b4
rgb(74,83,180)
-
#5860ba
#5860ba
rgb(88,96,186)
-
#656dc0
#656dc0
rgb(101,109,192)
-
#737ac6
#737ac6
rgb(115,122,198)
-
#8187cb
#8187cb
rgb(129,135,203)
-
#8f95d1
#8f95d1
rgb(143,149,209)
-
#9da2d7
#9da2d7
rgb(157,162,215)
-
#abafdd
#abafdd
rgb(171,175,221)
-
#b9bce2
#b9bce2
rgb(185,188,226)
-
#c7cae8
#c7cae8
rgb(199,202,232)
-
#d5d7ee
#d5d7ee
rgb(213,215,238)
-
#e3e4f3
#e3e4f3
rgb(227,228,243)
-
#f1f1f9
#f1f1f9
rgb(241,241,249)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #222653
A tone is produced by adding gray to any pure hue. In this case, #39393d is the less saturated color, while #020c73 is the most saturated one.
-
#39393d
#39393d
rgb(57,57,61)
-
#343541
#343541
rgb(52,53,65)
-
#303146
#303146
rgb(48,49,70)
-
#2b2e4a
#2b2e4a
rgb(43,46,74)
-
#272a4f
#272a4f
rgb(39,42,79)
-
#222653
#222653
rgb(34,38,83)
-
#1e2258
#1e2258
rgb(30,34,88)
-
#191e5c
#191e5c
rgb(25,30,92)
-
#151b61
#151b61
rgb(21,27,97)
-
#101765
#101765
rgb(16,23,101)
-
#0c136a
#0c136a
rgb(12,19,106)
-
#070f6e
#070f6e
rgb(7,15,110)
-
#020c73
#020c73
rgb(2,12,115)
Color Blindness Simulator
Below, you can see how #222653 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.