#253041

#253041

Color Values

HEX

#253041

RGB

37, 48, 65

HSL

216.4, 27.5%, 20.0%

HSV

216.4, 43.1%, 25.5%

CMYK

43.1%, 26.2%, 0.0%, 74.5%

OKLCH

0.3069 0.0344 258.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#253041

#413625

Analogous

#253E41

#282541

#253041

Triadic

#253041

#412530

#304125

Split Complementary

#253041

#412825

#3E4125

Tetradic

#253041

#41253E

#413625

#254128

Color Blindness Simulation

Original

#253041

Protanopia

#2A2A3D

Deuteranopia

#29283C

Tritanopia

#263A39

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D1D9E5
300
#B1BED3
400
#879BBB
500
#5C78A3
600
#4A6082
700
#3B4D68
800
#2E3C51
900
#242E3C
950
#171D26

Contrast Checker

Text on white

13.31:1

AA Pass AAA Pass

Text on black

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