#690C16

#690C16

Color Values

HEX

#690C16

RGB

105, 12, 22

HSL

353.5, 79.5%, 22.9%

HSV

353.5, 88.6%, 41.2%

CMYK

0.0%, 88.6%, 79.0%, 58.8%

OKLCH

0.3369 0.1246 22.6

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#690C16

#0C695F

Analogous

#690C44

#69300C

#690C16

Triadic

#690C16

#16690C

#0C1669

Split Complementary

#690C16

#0C6930

#0C4469

Tetradic

#690C16

#44690C

#0C695F

#300C69

Color Blindness Simulation

Original

#690C16

Protanopia

#414014

Deuteranopia

#464D13

Tritanopia

#641211

Achromatopsia

#202020

CSS Usage

background-color: #690C16;
color: #690C16;
border-color: #690C16;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FDF2F3
100
#F9E1E4
200
#F8BFC5
300
#F2919C
400
#EC5666
500
#E51A30
600
#B71526
700
#92111F
800
#720D18
900
#530E15
950
#34090D

Contrast Checker

Text on white

12.61:1

AA Pass AAA Pass

Text on black

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