#251493

#251493

Color Values

HEX

#251493

RGB

37, 20, 147

HSL

248.0, 76.0%, 32.7%

HSV

248.0, 86.4%, 57.6%

CMYK

74.8%, 86.4%, 0.0%, 42.4%

OKLCH

0.3318 0.188 274.9

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#251493

#829314

Analogous

#144293

#641493

#251493

Triadic

#251493

#932514

#149325

Split Complementary

#251493

#936414

#429314

Tetradic

#251493

#931442

#829314

#149364

Color Blindness Simulation

Original

#251493

Protanopia

#1E1D74

Deuteranopia

#1F206D

Tritanopia

#245C57

Achromatopsia

#212121

CSS Usage

background-color: #251493;
color: #251493;
border-color: #251493;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F4F2FC
100
#E5E2F9
200
#C7C0F6
300
#A093F0
400
#6C59E8
500
#381FE0
600
#2D18B4
700
#241490
800
#1C0F70
900
#180F52
950
#0F0A34

Contrast Checker

Text on white

13.12:1

AA Pass AAA Pass

Text on black

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