Named color · #E79E88
Tonys Pink
Tonys Pink is #E79E88: rgb(231 158 136), hsl(14 66% 72%), oklch(0.765 0.093 37.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Tonys Pink color name →
#E79E88
oklch(0.765 0.093 37.5)
Color conversions
- HEX
- #e79e88
- RGB
- rgb(231 158 136)
- HSL
- hsl(14 66% 72%)
- HWB
- hwb(14 53% 9%)
- OKLCH
- oklch(0.765 0.093 37.5)
- OKLab
- oklab(0.765 0.074 0.057)
- CIE Lab
- lab(72.08 26.1 23.12)
- LCH
- lch(72.08 34.86 41.5)
- CMYK
- cmyk(0% 32% 41% 9%)
Tints · Shades · Tones
Tints
- EAA894
- EDB19F
- F0BBAB
- F3C5B7
- F5CEC3
- F7D8CF
- FAE2DB
- FCECE7
- FDF5F3
Shades
- C98975
- AB7463
- 8F6052
- 734D41
- 593A31
- 402922
- 281813
- 130906
- 030101
Tones
- DD9B87
- D29887
- C89686
- BE9386
- B49085
- A98D84
- 9F8A83
- 958682
- 8A8381
Color harmonies
Complementary +180°
- E79E88
Tonys Pink
- 67C1DA
≈ Magnesia Bay
Analogous -30° +30°
- E79E88
Tonys Pink
- E79AA8
≈ Second Blush
- DBA871
≈ Flower Field
Triadic +120° +240°
- E79E88
Tonys Pink
- 7FC59C
≈ Willow Hedge
- A4ADEE
≈ Wondrous Wisteria
Split-complementary +150° +210°
- E79E88
Tonys Pink
- 65C6BD
≈ Chinese Lacquer
- 82B8EB
≈ Aero
Tetradic +90° +180° +270°
- E79E88
Tonys Pink
- A2BE7D
≈ Gleeful
- 67C1DA
≈ Magnesia Bay
- C3A3E1
≈ Silver Rust
Contrast & accessibility
Ag
FailOn white
WCAG 2.17:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.64:1 · APCA Lc 60
Best text color: #000000
WCAG 9.64:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--tonys-pink: #e79e88;
--tonys-pink-rgb: 231 158 136;
--tonys-pink-oklch: oklch(0.765 0.093 37.5);
}
.element {
color: var(--tonys-pink);
background-color: hsl(14 66% 72%);
border-color: oklch(0.765 0.093 37.5);
}Tailwind CSS v4
@theme {
--color-tonys-pink: #e79e88;
--color-tonys-pink-50: #ffede2;
--color-tonys-pink-100: #ffded1;
--color-tonys-pink-200: #f9c8b7;
--color-tonys-pink-300: #e2a894;
--color-tonys-pink-400: #cf8b77;
--color-tonys-pink-500: #bb6f58;
--color-tonys-pink-600: #9e5e4b;
--color-tonys-pink-700: #7f4b3c;
--color-tonys-pink-800: #5e362c;
--color-tonys-pink-900: #42251d;
--color-tonys-pink-950: #2a130d;
}SCSS
$tonys-pink: #e79e88;
$tonys-pink-rgb: 231, 158, 136;
$tonys-pink-light: mix(#fff, $tonys-pink, 20%);
$tonys-pink-dark: mix(#000, $tonys-pink, 20%);
.element {
color: $tonys-pink;
box-shadow: 0 0 0 2px rgba($tonys-pink, 0.35);
}