Colour

#22262A

#22262A
Blue
Dark
Nearest: Black

#22262A is a blue with RGB values 34, 38, 42 and HSL 210°, 11%, 15%. It is a dark colour, so white text on it reaches 15.2:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#22262A#22262A

HEX#22262A

RGBrgb(34, 38, 42)

RGB (0–1)0.1333, 0.149, 0.1647

RGB percentages13.3%, 14.9%, 16.5%

HSLhsl(210, 10.5%, 14.9%)

HSV / HSBhsv(210, 19%, 16.5%)

CMYK19%, 9.5%, 0%, 83.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,237,994

CSS custom property--colour: #22262A;

Brightness & contrast

Relative luminance0.01893WCAG 2.x, 0 is black and 1 is white

Perceived brightness37.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.23:1

Contrast with white15.23:1WCAG normal text: AAA

Contrast with black1.38:1WCAG normal text: Fail

Greyscale equivalent#252525

Inverted#DDD9D5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#25262Ano red cones; affects about 1% of men; ΔE 1.4 from the original

Deuteranopia#24252Ano green cones; the most common form, about 1% of men; ΔE 1.6 from the original

Tritanopia#202727no blue cones; rare, and affects men and women equally; ΔE 3.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text15.23:1WCAG large text: AAA

Contrast with black, large text1.38:1WCAG large text: Fail

Named colours

Black · ΔE 15.3 Dark slate grey · ΔE 19.7 Dim grey · ΔE 29.7 Slate grey · ΔE 38.6 Gray · ΔE 38.8 Light slate grey · ΔE 41.8

Nearest named CSS colourBlack (#000000)ΔE 15.28, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#2A2622

Analogous#222A2A, #22222A

Triadic#2A2226, #262A22

Split complementary#2A2222, #2A2A22

Tetradic#2A222A, #2A2622, #222A22

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#808C98

Lighter +30%#66737F

Lighter +20%#505962

Lighter +10%#394046

Darker −10%#0B0D0E

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#182634

Less saturated −25%#262626

Channel breakdown

R34

G38

B42

Red34 (13.3%)

Green38 (14.9%)

Blue42 (16.5%)

Hue210°

Saturation (HSL)10.53%

Lightness14.9%

Dominant channelBlue

Hex per channelR 22 · G 26 · B 2A

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#22262A

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else