#245a75

Color #245a75

A moderately saturated dark blue.

Closest named color Charcoal #36454f · ΔE 15.58 Nearest Tailwind class cyan-800 #005f78 · ΔE 4.2

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

Conversions

HEX

#245a75

RGB

rgb(36, 90, 117)

HSL

hsl(200, 52.9%, 30%)

HSV / HSB

hsv(200, 69.2%, 45.9%)

CMYK

cmyk(69.2%, 23.1%, 0%, 54.1%)

LAB

lab(35.93, -8.48, -20.55)

LCH

lch(35.93, 22.23, 247.58)

OKLCH

oklch(44.4%, 0.0717, 233.45)

HWB

hwb(200, 14.1%, 54.1%)

Harmony colors

Complementary

#753f24

Analogous

#247567

#245a75

#243275

Triadic

#245a75

#75245a

#5a7524

Split-complementary

#245a75

#752432

#756724

Tetradic

#245a75

#3f2475

#753f24

#5a7524

Square

#245a75

#672475

#753f24

#327524

Shades

Color #245a75 mixed toward black.

#1e4b61

#183c4e

#122d3a

#0c1e27

#060f13

Tints

Color #245a75 mixed toward white.

#327da2

#499dc7

#77b5d5

#a4cee3

#d2e6f1

Tones

Color #245a75 mixed toward gray.

#2b586e

#325567

#385361

#3f515a

#464f53

Accessibility

Aa White text on this color

7.52:1

Aa Black text on this color

2.79:1

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

Under color vision deficiencies

Protanopia

#42426f · ΔE 17.2

Deuteranopia

#3f3b6e · ΔE 18.1

Tritanopia

#296a69 · ΔE 14.6

Achromatopsia

#545454 · ΔE 15.6

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

Code

CSS

background-color: #245a75;

Tailwind (arbitrary value)

bg-[#245a75]

Related colors

Sky Blue #87ceeb

Light Sky Blue #87cefa

Charcoal #36454f

Deep Sky Blue #00bfff

Light Blue #add8e6

Steel Blue #4682b4

Frequently asked questions

#245a75 (#245a75) is rgb(36, 90, 117) in RGB.

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

Generate a palette → Check contrast