ع

Navy Ink

كحلي حبري

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.0238
Blue Web & UI ColorsCool ColorsInterior Design Colors Cool

Shades of Navy Ink

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text14.22:1
✓ AA✓ AAA✓ AA Large
Black text1.48:1
✗ AA✗ AAA✗ AA Large
On white14.22:1
✓ AA✓ AAA✓ AA Large
On black1.33:1
✗ AA✗ AAA✗ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Navy Ink

Full-color background with readable text.

Get started

About Navy Ink

Navy Ink (#1B2A4A) is a very dark, moderately saturated color from the Blue family with a cool character. It is made of 27 red, 42 green and 74 blue (hsl(221, 47%, 20%)). Its contrast ratio is 14.22:1 against white and 1.48:1 against black, so white text reads best on it.

Suggested uses

  • text and headings
  • dark mode surfaces and elegant accents
  • calm, trustworthy or technical themes

Reading the codes

In HEX, #1B2A4A stores red, green and blue as pairs of base-16 digits: 27, 42 and 74 out of 255. In HSL the same color has a hue of 221°, 47% saturation and 20% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#002147Oxford Blue#1F305ERoyal Navy#003153Prussian Blue#0F172AMidnight Slate#191970Midnight Blue#41424CGraphite#483D8BDark Slate Blue#1B1B1FInk Black#2A3439Gunmetal#36454FCharcoal

Palettes with this color

Modern Consulting#14213D #FCA311 #E5E5E5 #FFFFFF #000000Trust Blue#0B1F3A #1D4E89 #3A7BD5 #A7C7E7 #F2F6FBRetro Diner#E63946 #F1FAEE #A8DADC #457B9D #1D3557Denim Days#F1F1EE #C8D3E0 #6C8EBF #2F4F7F #1A2238

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Navy Ink?
The HEX code of Navy Ink is #1B2A4A. In RGB it is rgb(27, 42, 74) and in HSL hsl(221, 47%, 20%).
Which text color works on Navy Ink?
White text has a contrast ratio of 14.22:1 on Navy Ink and black text 1.48:1, so white text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Navy Ink?
Rotating the hue of Navy Ink by 180° gives #4A3B1B, its complementary color on the RGB color wheel.
What is Navy Ink in CMYK?
An approximate CMYK value for Navy Ink is cmyk(64%, 43%, 0%, 71%). For printing, ask your printer for an ICC-profiled conversion.