#243146

#243146

Color Values

HEX

#243146

RGB

36, 49, 70

HSL

217.1, 32.1%, 20.8%

HSV

217.1, 48.6%, 27.5%

CMYK

48.6%, 30.0%, 0.0%, 72.5%

OKLCH

0.3115 0.0419 259.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#243146

#463924

Analogous

#244246

#282446

#243146

Triadic

#243146

#462431

#314624

Split Complementary

#243146

#462824

#424624

Tetradic

#243146

#462442

#463924

#244628

Color Blindness Simulation

Original

#243146

Protanopia

#2A2A41

Deuteranopia

#292840

Tritanopia

#253D3C

Achromatopsia

#303030

CSS Usage

background-color: #243146;
color: #243146;
border-color: #243146;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D9E7
300
#AEBDD5
400
#8299BF
500
#5776A8
600
#455E87
700
#374B6C
800
#2B3B54
900
#222D3E
950
#161D27

Contrast Checker

Text on white

13.1:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026