#690236

#690236

Color Values

HEX

#690236

RGB

105, 2, 54

HSL

329.7, 96.3%, 21.0%

HSV

329.7, 98.1%, 41.2%

CMYK

0.0%, 98.1%, 48.6%, 58.8%

OKLCH

0.3391 0.1358 359.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#690236

#026935

Analogous

#690269

#690202

#690236

Triadic

#690236

#366902

#023669

Split Complementary

#690236

#026902

#026969

Tetradic

#690236

#696902

#026935

#020269

Color Blindness Simulation

Original

#690236

Protanopia

#3C3C29

Deuteranopia

#424A26

Tritanopia

#641F1D

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FEB9DC
300
#FD87C2
400
#FC46A2
500
#FA0581
600
#C80467
700
#A00352
800
#7D0240
900
#5A0631
950
#39041F

Contrast Checker

Text on white

12.63:1

AA Pass AAA Pass

Text on black

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