Named color · #FE2713
Red Riding Hood
Red Riding Hood is #FE2713: rgb(254 39 19), hsl(5 99% 54%), oklch(0.638 0.245 30.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Red Riding Hood color name →
#FE2713
oklch(0.638 0.245 30.1)
Color conversions
- HEX
- #fe2713
- RGB
- rgb(254 39 19)
- HSL
- hsl(5 99% 54%)
- HWB
- hwb(5 7% 0%)
- OKLCH
- oklch(0.638 0.245 30.1)
- OKLab
- oklab(0.638 0.212 0.123)
- CIE Lab
- lab(55.63 76.46 65.22)
- LCH
- lch(55.63 100.49 40.5)
- CMYK
- cmyk(0% 85% 93% 0%)
Tints · Shades · Tones
Tints
- FF4C38
- FF6652
- FF7D69
- FF917E
- FFA594
- FFB8A9
- FFCABF
- FFDCD4
- FFEDE9
Shades
- DD200F
- BD1A0B
- 9E1407
- 800E05
- 630803
- 470401
- 2D0201
- 160100
- 030000
Tones
- F33D2A
- E84B38
- DC5644
- D15F4F
- C56758
- B86D61
- AB7369
- 9E7871
- 907C79
Color harmonies
Complementary +180°
- FE2713
Red Riding Hood
- 009DB1
≈ Lake Blue
Analogous -30° +30°
- FE2713
Red Riding Hood
- F52085
≈ Pink Piano
- CB7200
≈ Dirty Orange
Triadic +120° +240°
- FE2713
Red Riding Hood
- 00A74D
≈ Liberty Green
- 607EFF
≈ Flickery C64
Split-complementary +150° +210°
- FE2713
Red Riding Hood
- 00A28E
≈ Turquish
- 0095DB
≈ Kahu Blue
Tetradic +90° +180° +270°
- FE2713
Red Riding Hood
- 809800
≈ Mossy Woods
- 009DB1
≈ Lake Blue
- A45DFF
≈ Vega Violet
Contrast & accessibility
Ag
FailOn white
WCAG 3.80:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.51:1 · APCA Lc 38
Best text color: #000000
WCAG 5.51:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--red-riding-hood: #fe2713;
--red-riding-hood-rgb: 254 39 19;
--red-riding-hood-oklch: oklch(0.638 0.245 30.1);
}
.element {
color: var(--red-riding-hood);
background-color: hsl(5 99% 54%);
border-color: oklch(0.638 0.245 30.1);
}Tailwind CSS v4
@theme {
--color-red-riding-hood: #fe2713;
--color-red-riding-hood-50: #ffdcc9;
--color-red-riding-hood-100: #ffc9b4;
--color-red-riding-hood-200: #ffaa90;
--color-red-riding-hood-300: #ff7f62;
--color-red-riding-hood-400: #ff4e39;
--color-red-riding-hood-500: #ff0000;
--color-red-riding-hood-600: #d90000;
--color-red-riding-hood-700: #ae0000;
--color-red-riding-hood-800: #830001;
--color-red-riding-hood-900: #5d0002;
--color-red-riding-hood-950: #3f0000;
}SCSS
$red-riding-hood: #fe2713;
$red-riding-hood-rgb: 254, 39, 19;
$red-riding-hood-light: mix(#fff, $red-riding-hood, 20%);
$red-riding-hood-dark: mix(#000, $red-riding-hood, 20%);
.element {
color: $red-riding-hood;
box-shadow: 0 0 0 2px rgba($red-riding-hood, 0.35);
}