#694262

#694262

Color Values

HEX

#694262

RGB

105, 66, 98

HSL

310.8, 22.8%, 33.5%

HSV

310.8, 37.1%, 41.2%

CMYK

0.0%, 37.1%, 6.7%, 58.8%

OKLCH

0.4358 0.0715 333.4

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#694262

#426949

Analogous

#5C4269

#69424E

#694262

Triadic

#694262

#626942

#426269

Split Complementary

#694262

#4E6942

#42695C

Tetradic

#694262

#695C42

#426949

#424E69

Color Blindness Simulation

Original

#694262

Protanopia

#58585A

Deuteranopia

#5A5D58

Tritanopia

#675453

Achromatopsia

#4D4D4D

CSS Usage

background-color: #694262;
color: #694262;
border-color: #694262;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3E1
300
#D0B4CB
400
#B68BAE
500
#9D6292
600
#7D4F75
700
#643F5E
800
#4E3149
900
#3A2737
950
#251823

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

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