Named color · #EB6101
Shu Red
Shu Red is #EB6101: rgb(235 97 1), hsl(25 99% 46%), oklch(0.659 0.189 44.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Shu Red color name →
#EB6101
oklch(0.659 0.189 44.7)
Color conversions
- HEX
- #eb6101
- RGB
- rgb(235 97 1)
- HSL
- hsl(25 99% 46%)
- HWB
- hwb(25 0% 8%)
- OKLCH
- oklch(0.659 0.189 44.7)
- OKLab
- oklab(0.659 0.134 0.133)
- CIE Lab
- lab(59.03 52.09 68.37)
- LCH
- lch(59.03 85.95 52.7)
- CMYK
- cmyk(0% 59% 100% 8%)
Tints · Shades · Tones
Tints
- EF7334
- F38450
- F69468
- F9A47F
- FCB494
- FDC3AA
- FFD2BF
- FFE1D4
- FFF0EA
Shades
- CC5301
- AE4601
- 913900
- 752D00
- 5B2100
- 411500
- 290B00
- 130300
- 030000
Tones
- E16625
- D76B36
- CD6F43
- C3734E
- B97658
- AE7961
- A37B69
- 987D71
- 8C7F79
Color harmonies
Complementary +180°
- EB6101
Shu Red
- 00A1CA
≈ Charybdis
Analogous -30° +30°
- EB6101
Shu Red
- EE546C
≈ Pink Pepper
- C38300
≈ Bubonic Brown
Triadic +120° +240°
- EB6101
Shu Red
- 00AC7C
≈ Bright Camouflage
- 897BFF
≈ Blue Party Parrot
Split-complementary +150° +210°
- EB6101
Shu Red
- 00A7A7
≈ Royal Cloak
- 3191FF
≈ Clear Chill
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.36:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.24:1 · APCA Lc 42
Best text color: #000000
WCAG 6.24:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--shu-red: #eb6101;
--shu-red-rgb: 235 97 1;
--shu-red-oklch: oklch(0.659 0.189 44.7);
}
.element {
color: var(--shu-red);
background-color: hsl(25 99% 46%);
border-color: oklch(0.659 0.189 44.7);
}Tailwind CSS v4
@theme {
--color-shu-red: #eb6101;
--color-shu-red-50: #ffe5c8;
--color-shu-red-100: #ffd5b2;
--color-shu-red-200: #ffbb8d;
--color-shu-red-300: #ff965d;
--color-shu-red-400: #f6722d;
--color-shu-red-500: #e54b00;
--color-shu-red-600: #c14100;
--color-shu-red-700: #9b3400;
--color-shu-red-800: #742300;
--color-shu-red-900: #521800;
--color-shu-red-950: #370700;
}SCSS
$shu-red: #eb6101;
$shu-red-rgb: 235, 97, 1;
$shu-red-light: mix(#fff, $shu-red, 20%);
$shu-red-dark: mix(#000, $shu-red, 20%);
.element {
color: $shu-red;
box-shadow: 0 0 0 2px rgba($shu-red, 0.35);
}