#254161

#254161

Color Values

HEX

#254161

RGB

37, 65, 97

HSL

212.0, 44.8%, 26.3%

HSV

212.0, 61.9%, 38.0%

CMYK

61.9%, 33.0%, 0.0%, 62.0%

OKLCH

0.369 0.0652 252.9

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#254161

#614525

Analogous

#255F61

#272561

#254161

Triadic

#254161

#612541

#416125

Split Complementary

#254161

#612725

#5F6125

Tetradic

#254161

#61255F

#614525

#256127

Color Blindness Simulation

Original

#254161

Protanopia

#313159

Deuteranopia

#302D57

Tritanopia

#265352

Achromatopsia

#3D3D3D

CSS Usage

background-color: #254161;
color: #254161;
border-color: #254161;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDAEB
300
#A6C0DD
400
#769ECB
500
#467CB9
600
#386394
700
#2D4F76
800
#233E5C
900
#1D2F44
950
#121E2B

Contrast Checker

Text on white

10.46:1

AA Pass AAA Pass

Text on black

2.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026