redwarmCC0 survey name

Cherry Red #F7022A

Cherry Red is a mid-tone, vivid warm color (#F7022A; HSL 350° 98% 49%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “cherry red”.

Use cases: Alerts · Attention accents

Open in generator →

Families: Reds · Rose Colors

Color values

FormatValue
HEX#F7022A
RGBrgb(247, 2, 42)
HSLhsl(350, 98%, 49%)
HSVhsv(350, 99%, 97%)
OKLCHoklch(61.53% 0.249 25)
OKLaboklab(61.53% 0.2256 0.1052)
CMYKcmyk(0%, 99.2%, 83%, 3.1%)
XYZxyz(38.8025, 19.9915, 4.0058)
CIE-LABlab(51.8, 78.6, 50.4)
CIE-LCHlch(51.8, 93.3, 32.7°)
Luminance0.200 (WCAG relative)
/* Cherry Red */ --cherry-red: #f7022a; color: #f7022a; background-color: #f7022a;

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

Collections: Vibrant Colors · Neon Colors · Sunset 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)

#dc1027 #c21723 #a81a20 #8f1b1d #761b19 #5f1916 #481612 #33130e #1f0c07 #000000

Tints (toward white)

#fd3d3d #ff5a51 #ff7265 #ff887a #ff9d8f #ffb1a4 #ffc5ba #ffd8d1 #ffece8 #ffffff

Tones (toward gray)

#ed2b32 #e33d3a #d84a42 #cd554b #c25d53 #b6655b #a96c63 #9c716b #8d7773 #7c7c7c

Color harmonies

Complementary

Edit in generator →
#F7022A
#02F7CF
#f7022a #02f7cf

Analogous

Edit in generator →
#F702A5
#F7022A
#F75502
#f702a5 #f7022a #f75502

Triadic

Edit in generator →
#F7022A
#2AF702
#022AF7
#f7022a #2af702 #022af7

Tetradic

Edit in generator →
#F7022A
#A5F702
#02F7CF
#5502F7
#f7022a #a5f702 #02f7cf #5502f7

Square

Edit in generator →
#F7022A
#A5F702
#02F7CF
#5502F7
#f7022a #a5f702 #02f7cf #5502f7

Split Complementary

Edit in generator →
#F7022A
#02F755
#02A5F7
#f7022a #02f755 #02a5f7

Monochromatic

Edit in generator →
#7E0115
#BA0220
#F7022A
#FD3959
#FE768C
#7e0115 #ba0220 #f7022a #fd3959 #fe768c

Accessibility & contrast

4.20
#F7022A on #FFFFFF
AA text AA large AAA text UI 3:1
5.00
#F7022A on #000000
AA text AA large AAA text UI 3:1

Best text on cherry red

5.00
#000000 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)
#685D27
Deuteranopia (green-blind)
#9D8C1C
Tritanopia (blue-blind)
#FF001C

Closest named colors

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

ColorNameΔE₀₀
Neon Red #FF073A3.55
Bright Red #FF000D5.30
Pinky Red #FC26475.78
Red #FF00006.49
Light Red #FF474C7.14
Orangey Red #FA42247.54

Colors that go with cherry red

Top matches by hue harmony, contrast and saturation compatibility.

Dusty Pink #D8A7B1
2.0:1
Same hue family as cherry red (Δh 2°) — guaranteed harmony
Gold #FFD700
3.0:1
UI contrast with the anchor (3:1, passes AA large text)
Lighter Green #75FD63
3.2:1
Triadic harmony (Δh ≈123°) — balanced three-way contrast
Shamrock Green #02C14D
1.8:1
Split-complementary angle (Δh ≈153°) — strong but softer than direct complement
3.0:1
Complementary hue (Δh ≈167°) — 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.