#24547C

#24547C

Color Values

HEX

#24547C

RGB

36, 84, 124

HSL

207.3, 55.0%, 31.4%

HSV

207.3, 71.0%, 48.6%

CMYK

71.0%, 32.3%, 0.0%, 51.4%

OKLCH

0.4325 0.0844 246.6

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#24547C

#7C4C24

Analogous

#247C78

#24287C

#24547C

Triadic

#24547C

#7C2454

#547C24

Split Complementary

#24547C

#7C2428

#7C7824

Tetradic

#24547C

#78247C

#7C4C24

#287C24

Color Blindness Simulation

Original

#24547C

Protanopia

#393972

Deuteranopia

#363270

Tritanopia

#266B69

Achromatopsia

#4D4D4D

CSS Usage

background-color: #24547C;
color: #24547C;
border-color: #24547C;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C8DDEF
300
#A0C5E3
400
#6DA5D5
500
#3986C6
600
#2E6B9E
700
#25567E
800
#1D4363
900
#183348
950
#0F202E

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

2.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026