#6F1830

#6F1830

Color Values

HEX

#6F1830

RGB

111, 24, 48

HSL

343.4, 64.4%, 26.5%

HSV

343.4, 78.4%, 43.5%

CMYK

0.0%, 78.4%, 56.8%, 56.5%

OKLCH

0.3644 0.1207 9.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6F1830

#186F57

Analogous

#6F185C

#6F2B18

#6F1830

Triadic

#6F1830

#306F18

#18306F

Split Complementary

#6F1830

#186F2B

#185C6F

Tetradic

#6F1830

#5C6F18

#186F57

#2B186F

Color Blindness Simulation

Original

#6F1830

Protanopia

#49492A

Deuteranopia

#4E5529

Tritanopia

#6B2625

Achromatopsia

#2C2C2C

CSS Usage

background-color: #6F1830;
color: #6F1830;
border-color: #6F1830;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF3F5
100
#F7E3E9
200
#F2C4D1
300
#E99AB0
400
#DD6486
500
#D22D5B
600
#A82449
700
#861D3A
800
#69172D
900
#4D1424
950
#300D17

Contrast Checker

Text on white

11.36:1

AA Pass AAA Pass

Text on black

1.85:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026