#67023B

#67023B

Color Values

HEX

#67023B

RGB

103, 2, 59

HSL

326.1, 96.2%, 20.6%

HSV

326.1, 98.1%, 40.4%

CMYK

0.0%, 98.1%, 42.7%, 59.6%

OKLCH

0.337 0.1365 354.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#67023B

#02672E

Analogous

#600267

#670209

#67023B

Triadic

#67023B

#3B6702

#023B67

Split Complementary

#67023B

#096702

#026760

Tetradic

#67023B

#676002

#02672E

#020967

Color Blindness Simulation

Original

#67023B

Protanopia

#3B3A2D

Deuteranopia

#41492A

Tritanopia

#622220

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FEB9E0
300
#FD87C9
400
#FB46AC
500
#FA058F
600
#C80473
700
#A0035C
800
#7D0248
900
#5A0736
950
#390422

Contrast Checker

Text on white

12.74:1

AA Pass AAA Pass

Text on black

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