#253A44

#253A44

Color Values

HEX

#253A44

RGB

37, 58, 68

HSL

199.4, 29.5%, 20.6%

HSV

199.4, 45.6%, 26.7%

CMYK

45.6%, 14.7%, 0.0%, 73.3%

OKLCH

0.3352 0.0319 229.4

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#253A44

#442F25

Analogous

#25443F

#252B44

#253A44

Triadic

#253A44

#44253A

#3A4425

Split Complementary

#253A44

#44252B

#443F25

Tetradic

#253A44

#3F2544

#442F25

#2B4425

Color Blindness Simulation

Original

#253A44

Protanopia

#2E2E42

Deuteranopia

#2D2B41

Tritanopia

#26403F

Achromatopsia

#363636

CSS Usage

background-color: #253A44;
color: #253A44;
border-color: #253A44;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1DFE6
300
#B0C8D4
400
#85AABC
500
#5A8DA5
600
#487184
700
#3A5A6A
800
#2D4653
900
#24353D
950
#162127

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026