#222940 hex color

In a RGB color space, hex #222940 is composed of 13.3% red, 16.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 35.9% magenta, 0% yellow and 74.9% black. It has a hue angle of 226 degrees, a saturation of 30.6% and a lightness of 19.2%. #222940 color hex could be obtained by blending #445280 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 16
- B 25
RGB color chart
- C 47
- M 36
- Y 0
- K 75
CMYK color chart

● #222940 color description : Very dark desaturated blue.

The hexadecimal color #222940 has RGB values of R:34, G:41, B:64 and CMYK values of C:0.47, M:0.36, Y:0, K:0.75. Its decimal value is 2238784.

Hex triplet	222940	`#222940`
RGB Decimal	34, 41, 64	`rgb(34,41,64)`
RGB Percent	13.3, 16.1, 25.1	`rgb(13.3%,16.1%,25.1%)`
CMYK	47, 36, 0, 75
HSL	226°, 30.6, 19.2	`hsl(226,30.6%,19.2%)`
HSV (or HSB)	226°, 46.9, 25.1
Web Safe	333333	`#333333`

CIE-LAB	16.97, 4.123, -15.569
XYZ	2.378, 2.296, 5.168
xyY	0.242, 0.233, 2.296
CIE-LCH	16.97, 16.106, 284.834
CIE-LUV	16.97, -3.542, -16.192
Hunter-Lab	15.153, 1.494, -9.615
Binary	00100010, 00101001, 01000000

#222940
```
#222940 rgb(34,41,64)
```
#403922
```
#403922 rgb(64,57,34)
```

Complementary Color

#223840
```
#223840 rgb(34,56,64)
```
#222940
```
#222940 rgb(34,41,64)
```
#2a2240
```
#2a2240 rgb(42,34,64)
```

Analogous Color

#384022
```
#384022 rgb(56,64,34)
```
#222940
```
#222940 rgb(34,41,64)
```
#402a22
```
#402a22 rgb(64,42,34)
```

Split Complementary Color

#294022
```
#294022 rgb(41,64,34)
```
#222940
```
#222940 rgb(34,41,64)
```
#402229
```
#402229 rgb(64,34,41)
```

Triadic Color

#224039
```
#224039 rgb(34,64,57)
```
#222940
```
#222940 rgb(34,41,64)
```
#402229
```
#402229 rgb(64,34,41)
```
#403922
```
#403922 rgb(64,57,34)
```

Tetradic Color

#07090e
```
#07090e rgb(7,9,14)
```
#10141f
```
#10141f rgb(16,20,31)
```
#191e2f
```
#191e2f rgb(25,30,47)
```
#222940
```
#222940 rgb(34,41,64)
```
#2b3451
```
#2b3451 rgb(43,52,81)
```
#343e61
```
#343e61 rgb(52,62,97)
```
#3d4972
```
#3d4972 rgb(61,73,114)
```

Monochromatic Color

Below, you can see some colors close to #222940. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#223140
```
#223140 rgb(34,49,64)
```
#222e40
```
#222e40 rgb(34,46,64)
```
#222c40
```
#222c40 rgb(34,44,64)
```
#222940
```
#222940 rgb(34,41,64)
```
#222740
```
#222740 rgb(34,39,64)
```
#222440
```
#222440 rgb(34,36,64)
```
#232240
```
#232240 rgb(35,34,64)
```

Similar Colors

Text with hexadecimal color #222940

This text has a font color of #222940.

<span style="color:#222940;">Text here</span>

#222940 background color

This paragraph has a background color of #222940.

<p style="background-color:#222940;">Content here</p>

#222940 border color

This element has a border color of #222940.

<div style="border:1px solid #222940;">Content here</div>

CSS codes

.text {color:#222940;}

.background {background-color:#222940;}

.border {border:1px solid #222940;}

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, #07080d is the darkest color, while #ffffff is the lightest one.

#07080d
```
#07080d rgb(7,8,13)
```
#0e101a
```
#0e101a rgb(14,16,26)
```
#141926
```
#141926 rgb(20,25,38)
```
#1b2133
```
#1b2133 rgb(27,33,51)
```
#222940
```
#222940 rgb(34,41,64)
```
#29314d
```
#29314d rgb(41,49,77)
```
#30395a
```
#30395a rgb(48,57,90)
```
#364266
```
#364266 rgb(54,66,102)
```
#3d4a73
```
#3d4a73 rgb(61,74,115)
```
#445280
```
#445280 rgb(68,82,128)
```
#4b5a8d
```
#4b5a8d rgb(75,90,141)
```
#52629a
```
#52629a rgb(82,98,154)
```
#586ba6
```
#586ba6 rgb(88,107,166)
```

Shade Color Variation

#6576ad
```
#6576ad rgb(101,118,173)
```
#7281b4
```
#7281b4 rgb(114,129,180)
```
#7f8dbb
```
#7f8dbb rgb(127,141,187)
```
#8c98c2
```
#8c98c2 rgb(140,152,194)
```
#98a4c9
```
#98a4c9 rgb(152,164,201)
```
#a5afcf
```
#a5afcf rgb(165,175,207)
```
#b2bbd6
```
#b2bbd6 rgb(178,187,214)
```
#bfc6dd
```
#bfc6dd rgb(191,198,221)
```
#ccd1e4
```
#ccd1e4 rgb(204,209,228)
```
#d9ddeb
```
#d9ddeb rgb(217,221,235)
```
#e5e8f1
```
#e5e8f1 rgb(229,232,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2d2f35 is the less saturated color, while #001762 is the most saturated one.

#2d2f35
```
#2d2f35 rgb(45,47,53)
```
#2a2d38
```
#2a2d38 rgb(42,45,56)
```
#262b3c
```
#262b3c rgb(38,43,60)
```
#222940
```
#222940 rgb(34,41,64)
```
#1e2744
```
#1e2744 rgb(30,39,68)
```
#1a2548
```
#1a2548 rgb(26,37,72)
```
#17234b
```
#17234b rgb(23,35,75)
```
#13214f
```
#13214f rgb(19,33,79)
```
#0f1f53
```
#0f1f53 rgb(15,31,83)
```
#0b1d57
```
#0b1d57 rgb(11,29,87)
```
#081b5a
```
#081b5a rgb(8,27,90)
```
#04195e
```
#04195e rgb(4,25,94)
```
#001762
```
#001762 rgb(0,23,98)
```

Tone Color Variation

Below, you can see how #222940 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.

Monochromacy

#2a2a2a Achromatopsia 0.005% of the population
#282a2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d3449 Protanopia 1% of men
#2c3449 Deuteranopia 1% of men
#28373b Tritanopia 0.001% of the population

Trichromacy

#293046 Protanomaly 1% of men, 0.01% of women
#283046 Deuteranomaly 6% of men, 0.4% of women
#26323c Tritanomaly 0.01% of the population

#222940 hex color

#222940 Color Information

#222940 Color Conversion

Color Schemes with #222940

Alternatives to #222940

#222940 Preview

Shades and Tints of #222940

Tones of #222940

Color Blindness Simulator