#232571

Color #232571

A moderately saturated dark blue.

Closest named color Midnight Blue #191970 · ΔE 9 Nearest Tailwind class indigo-900 #312c85 · ΔE 3.8

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

Conversions

HEX

#232571

RGB

rgb(35, 37, 113)

HSL

hsl(238.5, 52.7%, 29%)

HSV / HSB

hsv(238.5, 69%, 44.3%)

CMYK

cmyk(69%, 67.3%, 0%, 55.7%)

LAB

lab(19.53, 25.51, -44.17)

LCH

lch(19.53, 51.01, 300.01)

OKLCH

oklch(31.7%, 0.1279, 275.16)

HWB

hwb(238.5, 13.7%, 55.7%)

Harmony colors

Complementary

#716f23

Analogous

#234c71

#232571

#482371

Triadic

#232571

#712325

#257123

Split-complementary

#232571

#714823

#4c7123

Tetradic

#232571

#6f2371

#716f23

#257123

Square

#232571

#71234c

#716f23

#237148

Shades

Color #232571 mixed toward black.

#1d1f5e

#17194b

#111238

#0c0c26

#060613

Tints

Color #232571 mixed toward white.

#31349f

#474ac6

#7577d4

#a3a4e2

#d1d2f1

Tones

Color #232571 mixed toward gray.

#292b6a

#303164

#36375d

#3d3e57

#434450

Accessibility

Aa White text on this color

13.34:1

Aa Black text on this color

1.57:1

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

Under color vision deficiencies

Protanopia

#242465 · ΔE 2.3

Deuteranopia

#242462 · ΔE 2.9

Tritanopia

#235a57 · ΔE 30.8

Achromatopsia

#2f2f2f · ΔE 24.1

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

Code

CSS

background-color: #232571;

Tailwind (arbitrary value)

bg-[#232571]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#232571 (#232571) is rgb(35, 37, 113) in RGB.

No, #232571 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 #232571, or check how it holds up for accessibility.

Generate a palette → Check contrast