#243F7F

#243F7F

Color Values

HEX

#243F7F

RGB

36, 63, 127

HSL

222.2, 55.8%, 32.0%

HSV

222.2, 71.7%, 49.8%

CMYK

71.7%, 50.4%, 0.0%, 50.2%

OKLCH

0.3839 0.1132 264.5

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#243F7F

#7F6424

Analogous

#246D7F

#37247F

#243F7F

Triadic

#243F7F

#7F243F

#3F7F24

Split Complementary

#243F7F

#7F3724

#6D7F24

Tetradic

#243F7F

#7F246D

#7F6424

#247F37

Color Blindness Simulation

Original

#243F7F

Protanopia

#303070

Deuteranopia

#2E2C6C

Tritanopia

#256361

Achromatopsia

#3E3E3E

CSS Usage

background-color: #243F7F;
color: #243F7F;
border-color: #243F7F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E5EAF6
200
#C7D3EF
300
#A0B4E4
400
#6C8BD5
500
#3863C7
600
#2D4F9F
700
#243F7F
800
#1C3163
900
#182749
950
#0F182E

Contrast Checker

Text on white

10.04:1

AA Pass AAA Pass

Text on black

2.09:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026