#160f68

Color #160f68

A vivid, highly saturated dark blue.

Closest named color Midnight Blue #191970 · ΔE 4.16 Nearest Tailwind class violet-950 #2f0d68 · ΔE 3.7

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#160f68

RGB

rgb(22, 15, 104)

HSL

hsl(244.7, 74.8%, 23.3%)

HSV / HSB

hsv(244.7, 85.6%, 40.8%)

CMYK

cmyk(78.8%, 85.6%, 0%, 59.2%)

LAB

lab(12.68, 34.39, -49.61)

LCH

lch(12.68, 60.36, 304.73)

OKLCH

oklch(26.2%, 0.1438, 273.63)

HWB

hwb(244.7, 5.9%, 59.2%)

Harmony colors

Complementary

#61680f

Analogous

#0f3468

#160f68

#420f68

Triadic

#160f68

#68160f

#0f6816

Split-complementary

#160f68

#68420f

#34680f

Tetradic

#160f68

#680f61

#61680f

#0f6816

Square

#160f68

#680f34

#61680f

#0f6842

Shades

Color #160f68 mixed toward black.

#120c57

#0f0a45

#0b0734

#070523

#040211

Tints

Color #160f68 mixed toward white.

#2217a1

#2e1fda

#6054e6

#958def

#cac6f7

Tones

Color #160f68 mixed toward gray.

#1c1660

#221e59

#292552

#2f2d4a

#353443

Accessibility

Aa White text on this color

16.12:1

Aa Black text on this color

1.3:1

White text reads better on this background (16.12:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#13135c · ΔE 2.7

Deuteranopia

#141458 · ΔE 3.6

Tritanopia

#16504d · ΔE 32.6

Achromatopsia

#212121 · ΔE 25.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #160f68;

Tailwind (arbitrary value)

bg-[#160f68]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#160f68 (#160f68) is rgb(22, 15, 104) in RGB.

No, #160f68 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #160f68, or check how it holds up for accessibility.

Generate a palette → Check contrast