#690222

#690222

Color Values

HEX

#690222

RGB

105, 2, 34

HSL

341.4, 96.3%, 21.0%

HSV

341.4, 98.1%, 41.2%

CMYK

0.0%, 98.1%, 67.6%, 58.8%

OKLCH

0.3331 0.1312 13.1

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#690222

#026949

Analogous

#690256

#691602

#690222

Triadic

#690222

#226902

#022269

Split Complementary

#690222

#026916

#025669

Tetradic

#690222

#566902

#026949

#160269

Color Blindness Simulation

Original

#690222

Protanopia

#3C3C1A

Deuteranopia

#424A18

Tritanopia

#641413

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDFE8
200
#FEB9CE
300
#FD87AB
400
#FC467E
500
#FA0551
600
#C80441
700
#A00334
800
#7D0228
900
#5A0620
950
#390415

Contrast Checker

Text on white

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