#263d5f

Color #263d5f

A moderately saturated dark blue.

Closest named color Charcoal #36454f · ΔE 16.28 Nearest Tailwind class slate-700 #314158 · ΔE 3.9

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

Conversions

HEX

#263d5f

RGB

rgb(38, 61, 95)

HSL

hsl(215.8, 42.9%, 26.1%)

HSV / HSB

hsv(215.8, 60%, 37.3%)

CMYK

cmyk(60%, 35.8%, 0%, 62.7%)

LAB

lab(25.49, 2.49, -22.92)

LCH

lch(25.49, 23.05, 276.2)

OKLCH

oklch(35.8%, 0.0661, 258.04)

HWB

hwb(215.8, 14.9%, 62.7%)

Harmony colors

Complementary

#5f4826

Analogous

#265a5f

#263d5f

#2c265f

Triadic

#263d5f

#5f263d

#3d5f26

Split-complementary

#263d5f

#5f2c26

#5a5f26

Tetradic

#263d5f

#48265f

#5f4826

#3d5f26

Square

#263d5f

#5f265a

#5f4826

#265f2c

Shades

Color #263d5f mixed toward black.

#20334f

#19293f

#131f30

#0d1420

#060a10

Tints

Color #263d5f mixed toward white.

#385a8c

#4b77b7

#7899c9

#a5bbdb

#d2dded

Tones

Color #263d5f mixed toward gray.

#2b3e5a

#303f56

#344051

#39414c

#3e4247

Accessibility

Aa White text on this color

10.97:1

Aa Black text on this color

1.92:1

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

Under color vision deficiencies

Protanopia

#313258 · ΔE 7.6

Deuteranopia

#302e56 · ΔE 8.8

Tritanopia

#275251 · ΔE 20.3

Achromatopsia

#3c3c3c · ΔE 15.2

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

Code

CSS

background-color: #263d5f;

Tailwind (arbitrary value)

bg-[#263d5f]

Related colors

Light Steel Blue #b0c4de

Cornflower Blue #6495ed

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#263d5f (#263d5f) is rgb(38, 61, 95) in RGB.

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

Generate a palette → Check contrast