Start generating
222831

#222831 Infinity

#222831 is a very dark gray named Infinity. In the RGB color model it is made of 13.3% red, 15.7% green and 19.2% blue (rgb(34, 40, 49)). Its HSL value is 216° hue, 18% saturation and 16% lightness, and in CMYK it is 31% cyan, 18% magenta, 0% yellow and 81% black. #222831 is a neutral color. White text reads best on it, with a contrast ratio of 14.83:1.

Make a palette with #222831

#222831 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #222831

Shades

Mixed with black: richer and darker.

2228311C2129161B2211151A0B0F1307090C030406010203000101000000

Tints

Mixed with white: lighter and softer.

222831353A43484D555D616972767D888C919FA2A6B6B8BCCECFD2E6E7E8

Tones

Mixed with gray: calmer and more muted.

2228312A30383338403C414745494F4F5257585B5F6264676C6D6F767778

Hues

The same lightness and chroma, rotated around the color wheel.

1D2A2C1D2A2E1E2A2F1F29302029312228312427312527312726312926302A252F

Temperatures

Cooler on the left, warmer on the right.

253958253650243248242F40232B392228312A2C323330343B35354439364C3D37

#222831 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

222831312B22
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

2228313123222F3122
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

222831223031232231
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

222831312228283122
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

2228312B2231312B22283122
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

222831312230312B22223123
Open in generator →

#222831 for color-blind viewers (and dogs)

How #222831 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 99% similarHow dogs see it · simulated as #232731
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #252831
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #242831
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #232731
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #232731
  • Tritanopia 97% similar0.001% of men, 0.03% of women · simulated as #1E2A2B
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #21292E
  • Achromatopsia 96% similar0.003% of men, 0.003% of women · simulated as #282828
  • Achromatomaly 97% similar0.001% of men, 0.001% of women · simulated as #26282A

#222831 contrast checker

AaThe quick brown fox jumps over the lazy dog.
14.83:1 Super#222831 text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
1.42:1 Very poor#222831 text on black
AA normalFailAAA normalFail
AA largeFailAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #222831

Palettes with #222831

#222831 in CSS

/* Infinity */
.color { color: #222831; }
.background { background-color: #222831; }
.border { border: 1px solid #222831; }

/* Other notations */
color: rgb(34 40 49);
color: hsl(216 18% 16%);
color: oklch(0.275 0.019 258.4);

#222831 FAQ

What color is #222831?

#222831 is a very dark gray. Its closest named color is Infinity. It belongs to the gray color family and is a neutral color.

What is the RGB value of #222831?

#222831 is rgb(34, 40, 49) in RGB, hsl(216, 18%, 16%) in HSL and cmyk(31%, 18%, 0%, 81%) in CMYK.

What is the complementary color of #222831?

The complementary color of #222831 is #312B22, which sits opposite it on the color wheel.

Which text color works on #222831?

White text has the best contrast on #222831: 14.83:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #222831 a warm or cool color?

#222831 is a neutral color.