#692A64

#692A64

Color Values

HEX

#692A64

RGB

105, 42, 100

HSL

304.8, 42.9%, 28.8%

HSV

304.8, 60.0%, 41.2%

CMYK

0.0%, 60.0%, 4.8%, 58.8%

OKLCH

0.3973 0.1186 330.7

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#692A64

#2A692F

Analogous

#4E2A69

#692A44

#692A64

Triadic

#692A64

#64692A

#2A6469

Split Complementary

#692A64

#44692A

#2A694E

Tetradic

#692A64

#694E2A

#2A692F

#2A4469

Color Blindness Simulation

Original

#692A64

Protanopia

#4E4D56

Deuteranopia

#515653

Tritanopia

#664B48

Achromatopsia

#3C3C3C

CSS Usage

background-color: #692A64;
color: #692A64;
border-color: #692A64;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5FA
100
#F4E7F3
200
#EBCCE8
300
#DCA8D8
400
#C978C3
500
#B649AD
600
#923A8B
700
#752F6F
800
#5B2457
900
#431E40
950
#2A1329

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026