#614E81

#614E81

Color Values

HEX

#614E81

RGB

97, 78, 129

HSL

262.4, 24.6%, 40.6%

HSV

262.4, 39.5%, 50.6%

CMYK

24.8%, 39.5%, 0.0%, 49.4%

OKLCH

0.4652 0.0833 300.3

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#614E81

#6E814E

Analogous

#4E5581

#7B4E81

#614E81

Triadic

#614E81

#81614E

#4E8161

Split Complementary

#614E81

#817B4E

#55814E

Tetradic

#614E81

#814E55

#6E814E

#4E817B

Color Blindness Simulation

Original

#614E81

Protanopia

#595975

Deuteranopia

#5A5B72

Tritanopia

#606B69

Achromatopsia

#565656

CSS Usage

background-color: #614E81;
color: #614E81;
border-color: #614E81;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D9D3E4
300
#BEB3D1
400
#9B89B8
500
#78609F
600
#604D7F
700
#4D3E66
800
#3C304F
900
#2E263B
950
#1D1825

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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