#253740

#253740

Color Values

HEX

#253740

RGB

37, 55, 64

HSL

200.0, 26.7%, 19.8%

HSV

200.0, 42.2%, 25.1%

CMYK

42.2%, 14.1%, 0.0%, 74.9%

OKLCH

0.3252 0.0283 230.4

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#253740

#402E25

Analogous

#25403B

#252A40

#253740

Triadic

#253740

#402537

#374025

Split Complementary

#253740

#40252A

#403B25

Tetradic

#253740

#3B2540

#402E25

#2A4025

Color Blindness Simulation

Original

#253740

Protanopia

#2D2D3E

Deuteranopia

#2C2A3D

Tritanopia

#263C3C

Achromatopsia

#343434

CSS Usage

background-color: #253740;
color: #253740;
border-color: #253740;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DEE5
300
#B1C7D2
400
#87A9BA
500
#5D8BA2
600
#4B6F81
700
#3C5967
800
#2F4551
900
#25343C
950
#172126

Contrast Checker

Text on white

12.36:1

AA Pass AAA Pass

Text on black

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