#690221

#690221

Color Values

HEX

#690221

RGB

105, 2, 33

HSL

341.9, 96.3%, 21.0%

HSV

341.9, 98.1%, 41.2%

CMYK

0.0%, 98.1%, 68.6%, 58.8%

OKLCH

0.3328 0.1311 13.8

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#690221

#02694A

Analogous

#690255

#691602

#690221

Triadic

#690221

#216902

#022169

Split Complementary

#690221

#026916

#025569

Tetradic

#690221

#556902

#02694A

#160269

Color Blindness Simulation

Original

#690221

Protanopia

#3C3C1A

Deuteranopia

#424A18

Tritanopia

#641412

Achromatopsia

#1A1A1A

CSS Usage

background-color: #690221;
color: #690221;
border-color: #690221;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FEF1F5
100
#FCDFE7
200
#FEB9CE
300
#FD87AA
400
#FC467D
500
#FA054F
600
#C8043F
700
#A00332
800
#7D0227
900
#5A0620
950
#390414

Contrast Checker

Text on white

12.87:1

AA Pass AAA Pass

Text on black

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