Colour

#16223A

#16223A
Blue
Dark
Nearest: Black

#16223A is a blue with RGB values 22, 34, 58 and HSL 220°, 45%, 16%. It is a dark colour, so white text on it reaches 15.9:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#16223A#16223A

HEX#16223A

RGBrgb(22, 34, 58)

RGB (0–1)0.0863, 0.1333, 0.2275

RGB percentages8.6%, 13.3%, 22.7%

HSLhsl(220, 45%, 15.7%)

HSV / HSBhsv(220, 62.1%, 22.7%)

CMYK62.1%, 41.4%, 0%, 77.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,450,554

CSS custom property--colour: #16223A;

Brightness & contrast

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

Perceived brightness34.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.86:1

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

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

Greyscale equivalent#212121

Inverted#E9DDC5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#18243Bno red cones; affects about 1% of men; ΔE 1.2 from the original

Deuteranopia#142139no green cones; the most common form, about 1% of men; ΔE 0.6 from the original

Tritanopia#04272Bno blue cones; rare, and affects men and women equally; ΔE 17.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Black · ΔE 22 Dark slate grey · ΔE 27 Dim grey · ΔE 35.6 Dark slateblue · ΔE 38 Slate grey · ΔE 40.4 Steel blue · ΔE 42.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3A2E16

Analogous#16343A, #1C163A

Triadic#3A1622, #223A16

Split complementary#3A1C16, #343A16

Tetradic#3A1634, #3A2E16, #163A1C

Tints, shades & saturation

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

Lighter +40%#5B7DC1

Lighter +30%#4063A9

Lighter +20%#324D84

Lighter +10%#24385F

Darker −10%#080C15

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#0C1F44

Less saturated −25%#202530

Channel breakdown

R22

G34

B58

Red22 (8.6%)

Green34 (13.3%)

Blue58 (22.7%)

Hue220°

Saturation (HSL)45%

Lightness15.69%

Dominant channelBlue

Hex per channelR 16 · G 22 · B 3A

Keep nerding

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

#16223A

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