Nearest named color · #E26A73
#E26A73
Nearest named color: Redstone
#E26A73 (rgb(226 106 115), hsl(356 67% 65%), oklch(0.67 0.15 17.4)) is closest to the named color Redstone. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E26A73
oklch(0.67 0.15 17.4)
Color conversions
- HEX
- #e26a73
- RGB
- rgb(226 106 115)
- HSL
- hsl(356 67% 65%)
- HWB
- hwb(356 42% 11%)
- OKLCH
- oklch(0.67 0.15 17.4)
- OKLab
- oklab(0.67 0.143 0.045)
- CIE Lab
- lab(60.15 48.25 18.76)
- LCH
- lch(60.15 51.76 21.2)
- CMYK
- cmyk(0% 53% 49% 11%)
Tints · Shades · Tones
Tints
- E77A80
- EB898E
- EF989B
- F3A7A9
- F6B6B7
- F9C4C5
- FBD3D3
- FDE2E2
- FEF0F0
Shades
- C45B63
- A84D54
- 8C3F45
- 713136
- 572428
- 3E181B
- 270D0F
- 120405
- 030001
Tones
- D96E74
- D07176
- C77377
- BD7679
- B4787A
- AA7A7B
- A07C7D
- 967D7E
- 8B7F7F
Color harmonies
Complementary +180°
- E26A73
Redstone
- 00AAAE
≈ Fiji
Analogous -30° +30°
- E26A73
Redstone
- D66BA6
≈ Purple Hollyhock
- DD7439
≈ Northern Barrens Dust
Triadic +120° +240°
- E26A73
Redstone
- 65AA48
≈ Shiso Green
- 5695F0
≈ Guilliman Blue
Split-complementary +150° +210°
- E26A73
Redstone
- 00AF84
≈ Dark Mountain Meadow
- 00A4D3
≈ Charybdis
Tetradic +90° +180° +270°
- E26A73
Redstone
- A09B00
≈ Papyrus
- 00AAAE
≈ Fiji
- 9184EB
≈ Lavender Blue Shadow
Contrast & accessibility
Ag
FailOn white
WCAG 3.20:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.54:1 · APCA Lc 43
Best text color: #000000
WCAG 6.54:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--redstone: #e26a73;
--redstone-rgb: 226 106 115;
--redstone-oklch: oklch(0.67 0.15 17.4);
}
.element {
color: var(--redstone);
background-color: hsl(356 67% 65%);
border-color: oklch(0.67 0.15 17.4);
}Tailwind CSS v4
@theme {
--color-redstone: #e26a73;
--color-redstone-50: #ffe5e4;
--color-redstone-100: #ffd5d4;
--color-redstone-200: #ffbbba;
--color-redstone-300: #fb9798;
--color-redstone-400: #e9767e;
--color-redstone-500: #d75461;
--color-redstone-600: #b54852;
--color-redstone-700: #923941;
--color-redstone-800: #6d2831;
--color-redstone-900: #4c1b21;
--color-redstone-950: #320b11;
}SCSS
$redstone: #e26a73;
$redstone-rgb: 226, 106, 115;
$redstone-light: mix(#fff, $redstone, 20%);
$redstone-dark: mix(#000, $redstone, 20%);
.element {
color: $redstone;
box-shadow: 0 0 0 2px rgba($redstone, 0.35);
}