#690336

#690336

Color Values

HEX

#690336

RGB

105, 3, 54

HSL

330.0, 94.4%, 21.2%

HSV

330.0, 97.1%, 41.2%

CMYK

0.0%, 97.1%, 48.6%, 58.8%

OKLCH

0.3397 0.135 359.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#690336

#036936

Analogous

#690369

#690303

#690336

Triadic

#690336

#366903

#033669

Split Complementary

#690336

#036903

#036969

Tetradic

#690336

#696903

#036936

#030369

Color Blindness Simulation

Original

#690336

Protanopia

#3D3C2A

Deuteranopia

#434A27

Tritanopia

#64201E

Achromatopsia

#1C1C1C

CSS Usage

background-color: #690336;
color: #690336;
border-color: #690336;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADB
300
#FC88C2
400
#FA48A1
500
#F80780
600
#C60666
700
#9F0552
800
#7C0440
900
#5A0730
950
#39051F

Contrast Checker

Text on white

12.6:1

AA Pass AAA Pass

Text on black

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