#232ebf

Color #232ebf

A moderately saturated medium blue.

Closest named color Dark Blue #00008b · ΔE 16.59 Nearest Tailwind class indigo-800 #372aac · ΔE 3

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

Conversions

HEX

#232ebf

RGB

rgb(35, 46, 191)

HSL

hsl(235.8, 69%, 44.3%)

HSV / HSB

hsv(235.8, 81.7%, 74.9%)

CMYK

cmyk(81.7%, 75.9%, 0%, 25.1%)

LAB

lab(29.59, 47.67, -75.56)

LCH

lch(29.59, 89.34, 302.25)

OKLCH

oklch(41.3%, 0.2189, 269.03)

HWB

hwb(235.8, 13.7%, 25.1%)

Harmony colors

Complementary

#bfb423

Analogous

#237cbf

#232ebf

#6623bf

Triadic

#232ebf

#bf232e

#2ebf23

Split-complementary

#232ebf

#bf6623

#7cbf23

Tetradic

#232ebf

#b423bf

#bfb423

#2ebf23

Square

#232ebf

#bf237c

#bfb423

#23bf66

Shades

Color #232ebf mixed toward black.

#1d269f

#171f7f

#12175f

#0c0f40

#060820

Tints

Color #232ebf mixed toward white.

#3742da

#5f68e2

#878ee9

#afb4f0

#d7d9f8

Tones

Color #232ebf mixed toward gray.

#3039b2

#3d44a5

#4a4f98

#575b8b

#64667e

Accessibility

Aa White text on this color

9.48:1

Aa Black text on this color

2.21:1

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

Under color vision deficiencies

Protanopia

#2828aa · ΔE 3.1

Deuteranopia

#2727a4 · ΔE 3.9

Tritanopia

#249792 · ΔE 44.5

Achromatopsia

#464646 · ΔE 29.7

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

Code

CSS

background-color: #232ebf;

Tailwind (arbitrary value)

bg-[#232ebf]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#232ebf (#232ebf) is rgb(35, 46, 191) in RGB.

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

Generate a palette → Check contrast