Nearest named color · #E96F66
#E96F66
Nearest named color: Sriracha
#E96F66 (rgb(233 111 102), hsl(4 75% 66%), oklch(0.685 0.153 26.1)) is closest to the named color Sriracha. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E96F66
oklch(0.685 0.153 26.1)
Color conversions
- HEX
- #e96f66
- RGB
- rgb(233 111 102)
- HSL
- hsl(4 75% 66%)
- HWB
- hwb(4 40% 9%)
- OKLCH
- oklch(0.685 0.153 26.1)
- OKLab
- oklab(0.685 0.137 0.067)
- CIE Lab
- lab(61.94 47.69 28.72)
- LCH
- lch(61.94 55.67 31.1)
- CMYK
- cmyk(0% 52% 56% 9%)
Tints · Shades · Tones
Tints
- ED7E75
- F18D84
- F49C93
- F7AAA2
- FAB9B1
- FCC7C1
- FDD5D0
- FEE3E0
- FFF1EF
Shades
- CB6058
- AD514A
- 90423C
- 74342F
- 5A2723
- 411A17
- 290E0C
- 130404
- 030100
Tones
- DF7269
- D5756C
- CB776F
- C17972
- B77B74
- AD7C77
- A27E79
- 977F7C
- 8C7F7E
Color harmonies
Complementary +180°
- E96F66
Sriracha
- 00AEBD
≈ Placid Sea
Analogous -30° +30°
- E96F66
Sriracha
- E16D9C
≈ China Pink
- DF7D26
≈ Sandy Peppers
Triadic +120° +240°
- E96F66
Sriracha
- 50B25D
≈ Samphire Green
- 6D95F8
≈ Guilliman Blue
Split-complementary +150° +210°
- E96F66
Sriracha
- 00B397
≈ Aloha
- 00A6E8
≈ Huelveño Horizon
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.03:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.93:1 · APCA Lc 45
Best text color: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--sriracha: #e96f66;
--sriracha-rgb: 233 111 102;
--sriracha-oklch: oklch(0.685 0.153 26.1);
}
.element {
color: var(--sriracha);
background-color: hsl(4 75% 66%);
border-color: oklch(0.685 0.153 26.1);
}Tailwind CSS v4
@theme {
--color-sriracha: #e96f66;
--color-sriracha-50: #ffe5dd;
--color-sriracha-100: #ffd5cc;
--color-sriracha-200: #ffbbb0;
--color-sriracha-300: #fc988b;
--color-sriracha-400: #eb776d;
--color-sriracha-500: #d9544d;
--color-sriracha-600: #b74842;
--color-sriracha-700: #933a34;
--color-sriracha-800: #6e2827;
--color-sriracha-900: #4d1b1a;
--color-sriracha-950: #330b0b;
}SCSS
$sriracha: #e96f66;
$sriracha-rgb: 233, 111, 102;
$sriracha-light: mix(#fff, $sriracha, 20%);
$sriracha-dark: mix(#000, $sriracha, 20%);
.element {
color: $sriracha;
box-shadow: 0 0 0 2px rgba($sriracha, 0.35);
}