#263365

Color #263365

A moderately saturated dark blue.

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

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

Conversions

HEX

#263365

RGB

rgb(38, 51, 101)

HSL

hsl(227.6, 45.3%, 27.3%)

HSV / HSB

hsv(227.6, 62.4%, 39.6%)

CMYK

cmyk(62.4%, 49.5%, 0%, 60.4%)

LAB

lab(22.72, 11.7, -31.21)

LCH

lch(22.72, 33.33, 290.55)

OKLCH

oklch(33.8%, 0.0891, 270.13)

HWB

hwb(227.6, 14.9%, 60.4%)

Harmony colors

Complementary

#655826

Analogous

#265365

#263365

#392665

Triadic

#263365

#652633

#336526

Split-complementary

#263365

#653926

#536526

Tetradic

#263365

#582665

#655826

#336526

Square

#263365

#652653

#655826

#266539

Shades

Color #263365 mixed toward black.

#202b54

#192243

#131a33

#0d1122

#060911

Tints

Color #263365 mixed toward white.

#374a92

#4b63bb

#788acc

#a5b1dd

#d2d8ee

Tones

Color #263365 mixed toward gray.

#2b3660

#31395b

#363c55

#3b3f50

#40434b

Accessibility

Aa White text on this color

12.04:1

Aa Black text on this color

1.74:1

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

Under color vision deficiencies

Protanopia

#2c2c5c · ΔE 3.8

Deuteranopia

#2b2a59 · ΔE 4.4

Tritanopia

#275452 · ΔE 25.7

Achromatopsia

#363636 · ΔE 19.6

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

Code

CSS

background-color: #263365;

Tailwind (arbitrary value)

bg-[#263365]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Frequently asked questions

#263365 (#263365) is rgb(38, 51, 101) in RGB.

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

Generate a palette → Check contrast