#26305c

Color #26305c

A moderately saturated dark blue.

Closest named color Dark Slate Blue #483d8b · ΔE 23.28 Nearest Tailwind class blue-950 #162456 · ΔE 4

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

Conversions

HEX

#26305c

RGB

rgb(38, 48, 92)

HSL

hsl(228.9, 41.5%, 25.5%)

HSV / HSB

hsv(228.9, 58.7%, 36.1%)

CMYK

cmyk(58.7%, 47.8%, 0%, 63.9%)

LAB

lab(21.2, 10.43, -27.75)

LCH

lch(21.2, 29.65, 290.6)

OKLCH

oklch(32.5%, 0.0789, 271.74)

HWB

hwb(228.9, 14.9%, 63.9%)

Harmony colors

Complementary

#5c5226

Analogous

#264b5c

#26305c

#37265c

Triadic

#26305c

#5c2630

#305c26

Split-complementary

#26305c

#5c3726

#4b5c26

Tetradic

#26305c

#52265c

#5c5226

#305c26

Square

#26305c

#5c264b

#5c5226

#265c37

Shades

Color #26305c mixed toward black.

#20284d

#19203d

#13182e

#0d101f

#06080f

Tints

Color #26305c mixed toward white.

#394789

#4c5fb5

#7987c7

#a5afda

#d2d7ec

Tones

Color #26305c mixed toward gray.

#2b3358

#2f3653

#34394f

#383b4a

#3d3e46

Accessibility

Aa White text on this color

12.65:1

Aa Black text on this color

1.66:1

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

Under color vision deficiencies

Protanopia

#2b2b54 · ΔE 3.2

Deuteranopia

#2a2952 · ΔE 3.7

Tritanopia

#274d4b · ΔE 24.7

Achromatopsia

#333333 · ΔE 18.4

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

Code

CSS

background-color: #26305c;

Tailwind (arbitrary value)

bg-[#26305c]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Frequently asked questions

#26305c (#26305c) is rgb(38, 48, 92) in RGB.

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

Generate a palette → Check contrast