redwarmCC0 survey name

Claret #680018

Claret is a dark, vivid warm color (#680018; HSL 346° 100% 20%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “claret”.

Use cases: Alerts · Attention accents

Open in generator →

Families: Reds · Maroon Colors · Burgundy Colors

Color values

FormatValue
HEX#680018
RGBrgb(104, 0, 24)
HSLhsl(346, 100%, 20%)
HSVhsv(346, 100%, 41%)
OKLCHoklch(32.76% 0.131 18.8)
OKLaboklab(32.76% 0.1244 0.0422)
CMYKcmyk(0%, 100%, 76.9%, 59.2%)
XYZxyz(5.8745, 3.01, 1.1357)
CIE-LABlab(20.1, 42.2, 18.5)
CIE-LCHlch(20.1, 46.0, 23.7°)
Luminance0.030 (WCAG relative)
/* Claret */ --claret: #680018; color: #680018; background-color: #680018;

Source: xkcd color survey name (public domain, CC0). CSS keyword: claret.

Collections: Jewel Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#5e0516 #540815 #4a0b13 #400c11 #370d0f #2e0d0c #250b09 #1d0806 #120403 #000000

Tints (toward white)

#7a232b #8b3c3f #9b5454 #ab6b6a #ba8381 #c99b99 #d7b3b2 #e5cccb #f2e5e5 #ffffff

Tones (toward gray)

#630c1a #5f141d #5a1a1f #551f21 #502324 #4a2626 #442929 #3e2c2b #382e2e #303030

Color harmonies

Complementary

Edit in generator →
#680018
#006850
#680018 #006850

Analogous

Edit in generator →
#68004C
#680018
#681C00
#68004c #680018 #681c00

Triadic

Edit in generator →
#680018
#186800
#001868
#680018 #186800 #001868

Tetradic

Edit in generator →
#680018
#4C6800
#006850
#1C0068
#680018 #4c6800 #006850 #1c0068

Square

Edit in generator →
#680018
#4C6800
#006850
#1C0068
#680018 #4c6800 #006850 #1c0068

Split Complementary

Edit in generator →
#680018
#00681C
#004C68
#680018 #00681c #004c68

Monochromatic

Edit in generator →
#1F0007
#2B000A
#680018
#A50026
#E20034
#1f0007 #2b000a #680018 #a50026 #e20034

Accessibility & contrast

13.11
#680018 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
1.60
#680018 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on claret

13.11
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#262318
Deuteranopia (green-blind)
#3E3814
Tritanopia (blue-blind)
#73000B

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Wine Red #7B03234.00
Rosewood #65000B4.04
Burgundy #8000204.69
Bordeaux #7B002C6.12
Dried Blood #4B01016.58
Mahogany #4A01006.81

Colors that go with claret

Top matches by hue harmony, contrast and saturation compatibility.

Soft Pink #FDB0C0
7.6:1
Same hue family as claret (Δh 1°) — guaranteed harmony
9.1:1
Text-safe contrast with the anchor (9.14:1, passes WCAG AA)
Light Sage #BCECAC
9.8:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Mint #AAF0C1
9.9:1
Split-complementary angle (Δh ≈154°) — strong but softer than direct complement
Aqua Marine #2EE8BB
8.3:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.