#25667E

#25667E

Color Values

HEX

#25667E

RGB

37, 102, 126

HSL

196.2, 54.6%, 32.0%

HSV

196.2, 70.6%, 49.4%

CMYK

70.6%, 19.0%, 0.0%, 50.6%

OKLCH

0.4798 0.0751 226.2

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#25667E

#7E3D25

Analogous

#257E6A

#253A7E

#25667E

Triadic

#25667E

#7E2566

#667E25

Split Complementary

#25667E

#7E253A

#7E6A25

Tetradic

#25667E

#6A257E

#7E3D25

#3A7E25

Color Blindness Simulation

Original

#25667E

Protanopia

#414278

Deuteranopia

#3D3877

Tritanopia

#287473

Achromatopsia

#5A5A5A

CSS Usage

background-color: #25667E;
color: #25667E;
border-color: #25667E;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C8E4EF
300
#A0D1E3
400
#6DB8D4
500
#3AA0C5
600
#2E809E
700
#25667E
800
#1D5063
900
#193B48
950
#10262E

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026