#69629F

#69629F

Color Values

HEX

#69629F

RGB

105, 98, 159

HSL

246.9, 24.1%, 50.4%

HSV

246.9, 38.4%, 62.4%

CMYK

34.0%, 38.4%, 0.0%, 37.6%

OKLCH

0.529 0.0945 288.0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#69629F

#989F62

Analogous

#627A9F

#88629F

#69629F

Triadic

#69629F

#9F6962

#629F69

Split Complementary

#69629F

#9F8862

#7A9F62

Tetradic

#69629F

#9F627A

#989F62

#629F88

Color Blindness Simulation

Original

#69629F

Protanopia

#666690

Deuteranopia

#66678D

Tritanopia

#698582

Achromatopsia

#686868

CSS Usage

background-color: #69629F;
color: #69629F;
border-color: #69629F;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D5D3E4
300
#B6B3D1
400
#8F8AB7
500
#68619E
600
#534D7F
700
#423E65
800
#34304F
900
#28263B
950
#191825

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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