#253b45

Color #253b45

A muted dark cyan.

Closest named color Charcoal #36454f · ΔE 5.46 Nearest Tailwind class cyan-950 #053345 · ΔE 5.1

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

Conversions

HEX

#253b45

RGB

rgb(37, 59, 69)

HSL

hsl(198.8, 30.2%, 20.8%)

HSV / HSB

hsv(198.8, 46.4%, 27.1%)

CMYK

cmyk(46.4%, 14.5%, 0%, 72.9%)

LAB

lab(23.51, -5.53, -8.88)

LCH

lch(23.51, 10.46, 238.09)

OKLCH

oklch(33.8%, 0.0328, 228.34)

HWB

hwb(198.8, 14.5%, 72.9%)

Harmony colors

Complementary

#452f25

Analogous

#25453f

#253b45

#252b45

Triadic

#253b45

#45253b

#3b4525

Split-complementary

#253b45

#45252b

#453f25

Tetradic

#253b45

#2f2545

#452f25

#3b4525

Square

#253b45

#3f2545

#452f25

#2b4525

Shades

Color #253b45 mixed toward black.

#1f313a

#19272e

#131e23

#0c1417

#060a0c

Tints

Color #253b45 mixed toward white.

#3d6071

#54869d

#7ca5b9

#a7c3d0

#d3e1e8

Tones

Color #253b45 mixed toward gray.

#283a42

#2a3940

#2d383d

#30373a

#323638

Accessibility

Aa White text on this color

11.73:1

Aa Black text on this color

1.79:1

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

Under color vision deficiencies

Protanopia

#303043 · ΔE 13.5

Deuteranopia

#2f2d42 · ΔE 15.1

Tritanopia

#264140 · ΔE 7.6

Achromatopsia

#383838 · ΔE 9.5

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

Code

CSS

background-color: #253b45;

Tailwind (arbitrary value)

bg-[#253b45]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Steel Blue #4682b4

Frequently asked questions

#253b45 (#253b45) is rgb(37, 59, 69) in RGB.

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

Generate a palette → Check contrast