#222325 hex color

In a RGB color space, hex #222325 is composed of 13.3% red, 13.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 5.4% magenta, 0% yellow and 85.5% black. It has a hue angle of 220 degrees, a saturation of 4.2% and a lightness of 13.9%. #222325 color hex could be obtained by blending #44464a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 14
- B 15
RGB color chart
- C 8
- M 5
- Y 0
- K 85
CMYK color chart

● #222325 color description : Very dark (mostly black) blue.

The hexadecimal color #222325 has RGB values of R:34, G:35, B:37 and CMYK values of C:0.08, M:0.05, Y:0, K:0.85. Its decimal value is 2237221.

Hex triplet	222325	`#222325`
RGB Decimal	34, 35, 37	`rgb(34,35,37)`
RGB Percent	13.3, 13.7, 14.5	`rgb(13.3%,13.7%,14.5%)`
CMYK	8, 5, 0, 85
HSL	220°, 4.2, 13.9	`hsl(220,4.2%,13.9%)`
HSV (or HSB)	220°, 8.1, 14.5
Web Safe	333333	`#333333`

CIE-LAB	13.684, 0.05, -1.499
XYZ	1.595, 1.676, 1.99
xyY	0.303, 0.319, 1.676
CIE-LCH	13.684, 1.5, 271.916
CIE-LUV	13.684, -0.494, -1.266
Hunter-Lab	12.945, -0.666, -0.051
Binary	00100010, 00100011, 00100101

#222325
```
#222325 rgb(34,35,37)
```
#252422
```
#252422 rgb(37,36,34)
```

Complementary Color

#222525
```
#222525 rgb(34,37,37)
```
#222325
```
#222325 rgb(34,35,37)
```
#232225
```
#232225 rgb(35,34,37)
```

Analogous Color

#252522
```
#252522 rgb(37,37,34)
```
#222325
```
#222325 rgb(34,35,37)
```
#252322
```
#252322 rgb(37,35,34)
```

Split Complementary Color

#232522
```
#232522 rgb(35,37,34)
```
#222325
```
#222325 rgb(34,35,37)
```
#252223
```
#252223 rgb(37,34,35)
```

Triadic Color

#222524
```
#222524 rgb(34,37,36)
```
#222325
```
#222325 rgb(34,35,37)
```
#252223
```
#252223 rgb(37,34,35)
```
#252422
```
#252422 rgb(37,36,34)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0a0a0a
```
#0a0a0a rgb(10,10,10)
```
#161618
```
#161618 rgb(22,22,24)
```
#222325
```
#222325 rgb(34,35,37)
```
#2e3032
```
#2e3032 rgb(46,48,50)
```
#3a3c40
```
#3a3c40 rgb(58,60,64)
```
#47494d
```
#47494d rgb(71,73,77)
```

Monochromatic Color

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

#222425
```
#222425 rgb(34,36,37)
```
#222425
```
#222425 rgb(34,36,37)
```
#222325
```
#222325 rgb(34,35,37)
```
#222325
```
#222325 rgb(34,35,37)
```
#222325
```
#222325 rgb(34,35,37)
```
#222325
```
#222325 rgb(34,35,37)
```
#222225
```
#222225 rgb(34,34,37)
```

Similar Colors

Text with hexadecimal color #222325

This text has a font color of #222325.

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

#222325 background color

This paragraph has a background color of #222325.

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

#222325 border color

This element has a border color of #222325.

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

CSS codes

.text {color:#222325;}

.background {background-color:#222325;}

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

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, #060606 is the darkest color, while #fbfbfb is the lightest one.

#060606
```
#060606 rgb(6,6,6)
```
#0f1011
```
#0f1011 rgb(15,16,17)
```
#19191b
```
#19191b rgb(25,25,27)
```
#222325
```
#222325 rgb(34,35,37)
```
#2b2d2f
```
#2b2d2f rgb(43,45,47)
```
#353639
```
#353639 rgb(53,54,57)
```
#3e4044
```
#3e4044 rgb(62,64,68)
```
#484a4e
```
#484a4e rgb(72,74,78)
```
#515358
```
#515358 rgb(81,83,88)
```
#5a5d62
```
#5a5d62 rgb(90,93,98)
```
#64676d
```
#64676d rgb(100,103,109)
```
#6d7077
```
#6d7077 rgb(109,112,119)
```
#777a81
```
#777a81 rgb(119,122,129)
```

Shade Color Variation

#80848b
```
#80848b rgb(128,132,139)
```
#8b8e94
```
#8b8e94 rgb(139,142,148)
```
#95989d
```
#95989d rgb(149,152,157)
```
#9fa2a7
```
#9fa2a7 rgb(159,162,167)
```
#a9acb0
```
#a9acb0 rgb(169,172,176)
```
#b4b6ba
```
#b4b6ba rgb(180,182,186)
```
#bec0c3
```
#bec0c3 rgb(190,192,195)
```
#c8c9cc
```
#c8c9cc rgb(200,201,204)
```
#d2d3d6
```
#d2d3d6 rgb(210,211,214)
```
#dcdddf
```
#dcdddf rgb(220,221,223)
```
#e7e7e9
```
#e7e7e9 rgb(231,231,233)
```
#f1f1f2
```
#f1f1f2 rgb(241,241,242)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#222325
```
#222325 rgb(34,35,37)
```
#1f2228
```
#1f2228 rgb(31,34,40)
```
#1d212a
```
#1d212a rgb(29,33,42)
```
#1a202d
```
#1a202d rgb(26,32,45)
```
#171f30
```
#171f30 rgb(23,31,48)
```
#141e33
```
#141e33 rgb(20,30,51)
```
#121e35
```
#121e35 rgb(18,30,53)
```
#0f1d38
```
#0f1d38 rgb(15,29,56)
```
#0c1c3b
```
#0c1c3b rgb(12,28,59)
```
#091b3e
```
#091b3e rgb(9,27,62)
```
#071a40
```
#071a40 rgb(7,26,64)
```
#041943
```
#041943 rgb(4,25,67)
```
#011846
```
#011846 rgb(1,24,70)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#232323 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e2e30 Protanopia 1% of men
#312d30 Deuteranopia 1% of men
#2d2e31 Tritanopia 0.001% of the population

Trichromacy

#2a2a2c Protanomaly 1% of men, 0.01% of women
#2b292c Deuteranomaly 6% of men, 0.4% of women
#292a2d Tritanomaly 0.01% of the population

#222325 hex color

#222325 Color Information

#222325 Color Conversion

Color Schemes with #222325

Alternatives to #222325

#222325 Preview

Shades and Tints of #222325

Tones of #222325

Color Blindness Simulator