#222975 hex color

In a RGB color space, hex #222975 is composed of 13.3% red, 16.1% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 65% magenta, 0% yellow and 54.1% black. It has a hue angle of 234.9 degrees, a saturation of 55% and a lightness of 29.6%. #222975 color hex could be obtained by blending #4452ea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 16
- B 46
RGB color chart
- C 71
- M 65
- Y 0
- K 54
CMYK color chart

● #222975 color description : Dark blue.

The hexadecimal color #222975 has RGB values of R:34, G:41, B:117 and CMYK values of C:0.71, M:0.65, Y:0, K:0.54. Its decimal value is 2238837.

Hex triplet	222975	`#222975`
RGB Decimal	34, 41, 117	`rgb(34,41,117)`
RGB Percent	13.3, 16.1, 45.9	`rgb(13.3%,16.1%,45.9%)`
CMYK	71, 65, 0, 54
HSL	234.9°, 55, 29.6	`hsl(234.9,55%,29.6%)`
HSV (or HSB)	234.9°, 70.9, 45.9
Web Safe	333366	`#333366`

CIE-LAB	20.866, 24.132, -44.558
XYZ	4.663, 3.21, 17.203
xyY	0.186, 0.128, 3.21
CIE-LCH	20.866, 50.673, 298.439
CIE-LUV	20.866, -5.214, -51.991
Hunter-Lab	17.917, 15.101, -44.385
Binary	00100010, 00101001, 01110101

#222975
```
#222975 rgb(34,41,117)
```
#756e22
```
#756e22 rgb(117,110,34)
```

Complementary Color

#225375
```
#225375 rgb(34,83,117)
```
#222975
```
#222975 rgb(34,41,117)
```
#452275
```
#452275 rgb(69,34,117)
```

Analogous Color

#537522
```
#537522 rgb(83,117,34)
```
#222975
```
#222975 rgb(34,41,117)
```
#754522
```
#754522 rgb(117,69,34)
```

Split Complementary Color

#297522
```
#297522 rgb(41,117,34)
```
#222975
```
#222975 rgb(34,41,117)
```
#752229
```
#752229 rgb(117,34,41)
```

Triadic Color

#22756e
```
#22756e rgb(34,117,110)
```
#222975
```
#222975 rgb(34,41,117)
```
#752229
```
#752229 rgb(117,34,41)
```
#756e22
```
#756e22 rgb(117,110,34)
```

Tetradic Color

#11143a
```
#11143a rgb(17,20,58)
```
#171b4d
```
#171b4d rgb(23,27,77)
```
#1c2261
```
#1c2261 rgb(28,34,97)
```
#222975
```
#222975 rgb(34,41,117)
```
#283089
```
#283089 rgb(40,48,137)
```
#2d379d
```
#2d379d rgb(45,55,157)
```
#333eb0
```
#333eb0 rgb(51,62,176)
```

Monochromatic Color

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

#223e75
```
#223e75 rgb(34,62,117)
```
#223775
```
#223775 rgb(34,55,117)
```
#223075
```
#223075 rgb(34,48,117)
```
#222975
```
#222975 rgb(34,41,117)
```
#222275
```
#222275 rgb(34,34,117)
```
#292275
```
#292275 rgb(41,34,117)
```
#302275
```
#302275 rgb(48,34,117)
```

Similar Colors

Text with hexadecimal color #222975

This text has a font color of #222975.

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

#222975 background color

This paragraph has a background color of #222975.

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

#222975 border color

This element has a border color of #222975.

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

CSS codes

.text {color:#222975;}

.background {background-color:#222975;}

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

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)
```
#07091a
```
#07091a rgb(7,9,26)
```
#0c0e29
```
#0c0e29 rgb(12,14,41)
```
#101438
```
#101438 rgb(16,20,56)
```
#151947
```
#151947 rgb(21,25,71)
```
#191e57
```
#191e57 rgb(25,30,87)
```
#1e2466
```
#1e2466 rgb(30,36,102)
```
#222975
```
#222975 rgb(34,41,117)
```
#262e84
```
#262e84 rgb(38,46,132)
```
#2b3493
```
#2b3493 rgb(43,52,147)
```
#2f39a3
```
#2f39a3 rgb(47,57,163)
```
#343eb2
```
#343eb2 rgb(52,62,178)
```
#3844c1
```
#3844c1 rgb(56,68,193)
```

Shade Color Variation

#444fc9
```
#444fc9 rgb(68,79,201)
```
#535ecd
```
#535ecd rgb(83,94,205)
```
#626cd1
```
#626cd1 rgb(98,108,209)
```
#727ad6
```
#727ad6 rgb(114,122,214)
```
#8188da
```
#8188da rgb(129,136,218)
```
#9097df
```
#9097df rgb(144,151,223)
```
#9fa5e3
```
#9fa5e3 rgb(159,165,227)
```
#aeb3e8
```
#aeb3e8 rgb(174,179,232)
```
#bec2ec
```
#bec2ec rgb(190,194,236)
```
#cdd0f0
```
#cdd0f0 rgb(205,208,240)
```
#dcdef5
```
#dcdef5 rgb(220,222,245)
```
#ebecf9
```
#ebecf9 rgb(235,236,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#4b4b4c
```
#4b4b4c rgb(75,75,76)
```
#454652
```
#454652 rgb(69,70,82)
```
#3f4158
```
#3f4158 rgb(63,65,88)
```
#393c5e
```
#393c5e rgb(57,60,94)
```
#333764
```
#333764 rgb(51,55,100)
```
#2e3369
```
#2e3369 rgb(46,51,105)
```
#282e6f
```
#282e6f rgb(40,46,111)
```
#222975
```
#222975 rgb(34,41,117)
```
#1c247b
```
#1c247b rgb(28,36,123)
```
#161f81
```
#161f81 rgb(22,31,129)
```
#111b86
```
#111b86 rgb(17,27,134)
```
#0b168c
```
#0b168c rgb(11,22,140)
```
#051192
```
#051192 rgb(5,17,146)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2d2f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003e64 Deuteranopia 1% of men
#004247 Tritanopia 0.001% of the population

Trichromacy

#0c3473 Protanomaly 1% of men, 0.01% of women
#0c366a Deuteranomaly 6% of men, 0.4% of women
#0c3957 Tritanomaly 0.01% of the population

#222975 hex color

#222975 Color Information

#222975 Color Conversion

Color Schemes with #222975

Alternatives to #222975

#222975 Preview

Shades and Tints of #222975

Tones of #222975

Color Blindness Simulator