#25364C

#25364C

Color Values

HEX

#25364C

RGB

37, 54, 76

HSL

213.8, 34.5%, 22.2%

HSV

213.8, 51.3%, 29.8%

CMYK

51.3%, 28.9%, 0.0%, 70.2%

OKLCH

0.3286 0.0452 255.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#25364C

#4C3B25

Analogous

#254A4C

#28254C

#25364C

Triadic

#25364C

#4C2536

#364C25

Split Complementary

#25364C

#4C2825

#4A4C25

Tetradic

#25364C

#4C254A

#4C3B25

#254C28

Color Blindness Simulation

Original

#25364C

Protanopia

#2C2D47

Deuteranopia

#2B2A45

Tritanopia

#264242

Achromatopsia

#343434

CSS Usage

background-color: #25364C;
color: #25364C;
border-color: #25364C;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFDAE8
300
#ADBFD7
400
#809DC1
500
#547AAB
600
#436289
700
#354E6E
800
#2A3D56
900
#212F3F
950
#151D28

Contrast Checker

Text on white

12.28:1

AA Pass AAA Pass

Text on black

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