#1E2F45

#1E2F45

Color Values

HEX

#1E2F45

RGB

30, 47, 69

HSL

213.8, 39.4%, 19.4%

HSV

213.8, 56.5%, 27.1%

CMYK

56.5%, 31.9%, 0.0%, 72.9%

OKLCH

0.3013 0.0461 255.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#1E2F45

#45341E

Analogous

#1E4245

#201E45

#1E2F45

Triadic

#1E2F45

#451E2F

#2F451E

Split Complementary

#1E2F45

#45201E

#42451E

Tetradic

#1E2F45

#451E42

#45341E

#1E4520

Color Blindness Simulation

Original

#1E2F45

Protanopia

#252640

Deuteranopia

#24233E

Tritanopia

#1F3B3B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDDAE9
300
#AABFDA
400
#7B9CC6
500
#4D79B2
600
#3E618E
700
#314E72
800
#273D59
900
#1F2E42
950
#141D29

Contrast Checker

Text on white

13.57:1

AA Pass AAA Pass

Text on black

1.55: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