#690F42

#690F42

Color Values

HEX

#690F42

RGB

105, 15, 66

HSL

326.0, 75.0%, 23.5%

HSV

326.0, 85.7%, 41.2%

CMYK

0.0%, 85.7%, 37.1%, 58.8%

OKLCH

0.3517 0.1309 352.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#690F42

#0F6936

Analogous

#630F69

#690F15

#690F42

Triadic

#690F42

#42690F

#0F4269

Split Complementary

#690F42

#15690F

#0F6963

Tetradic

#690F42

#69630F

#0F6936

#0F1569

Color Blindness Simulation

Original

#690F42

Protanopia

#424136

Deuteranopia

#474E33

Tritanopia

#642C2A

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F6C1DF
300
#F094C8
400
#E75AAA
500
#DF208C
600
#B31970
700
#8F145A
800
#701046
900
#511035
950
#330A21

Contrast Checker

Text on white

12.02:1

AA Pass AAA Pass

Text on black

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