Named color · #EA8160
Mesa Sunrise
Mesa Sunrise is #EA8160: rgb(234 129 96), hsl(14 77% 65%), oklch(0.712 0.138 38.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Mesa Sunrise color name →
#EA8160
oklch(0.712 0.138 38.2)
Color conversions
- HEX
- #ea8160
- RGB
- rgb(234 129 96)
- HSL
- hsl(14 77% 65%)
- HWB
- hwb(14 38% 8%)
- OKLCH
- oklch(0.712 0.138 38.2)
- OKLab
- oklab(0.712 0.108 0.085)
- CIE Lab
- lab(65.56 39.17 36.53)
- LCH
- lch(65.56 53.56 43)
- CMYK
- cmyk(0% 45% 59% 8%)
Tints · Shades · Tones
Tints
- EE8E70
- F19B80
- F4A890
- F6B4A0
- F9C1AF
- FBCDBF
- FCDACF
- FEE6DF
- FEF3EF
Shades
- CB6F52
- AE5E45
- 914E38
- 753E2C
- 5A2E20
- 411F15
- 29120A
- 130603
- 030100
Tones
- E08264
- D68268
- CB836C
- C1836F
- B68372
- AC8275
- A18278
- 96827B
- 8B817E
Color harmonies
Complementary +180°
- EA8160
Mesa Sunrise
- 00B5D7
≈ Ocean Sigh
Analogous -30° +30°
- EA8160
Mesa Sunrise
- E97B91
≈ So Charming
- DA9031
≈ Soft Pumpkin
Triadic +120° +240°
- EA8160
Mesa Sunrise
- 45BC81
≈ Greenish Teal
- 8F98F7
≈ Periwinkle Blue
Split-complementary +150° +210°
- EA8160
Mesa Sunrise
- 00BAB1
≈ Turquoise Topaz
- 54A8F4
≈ Cerulean
Tetradic +90° +180° +270°
- EA8160
Mesa Sunrise
- 89B24E
≈ Savoy
- 00B5D7
≈ Ocean Sigh
- BA89E4
≈ Luminous Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 2.68:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.80:1 · APCA Lc 50
Best text color: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--mesa-sunrise: #ea8160;
--mesa-sunrise-rgb: 234 129 96;
--mesa-sunrise-oklch: oklch(0.712 0.138 38.2);
}
.element {
color: var(--mesa-sunrise);
background-color: hsl(14 77% 65%);
border-color: oklch(0.712 0.138 38.2);
}Tailwind CSS v4
@theme {
--color-mesa-sunrise: #ea8160;
--color-mesa-sunrise-50: #ffe9d8;
--color-mesa-sunrise-100: #ffd9c6;
--color-mesa-sunrise-200: #ffc1a8;
--color-mesa-sunrise-300: #f49f81;
--color-mesa-sunrise-400: #e37f60;
--color-mesa-sunrise-500: #d0603c;
--color-mesa-sunrise-600: #b05234;
--color-mesa-sunrise-700: #8d4129;
--color-mesa-sunrise-800: #692e1e;
--color-mesa-sunrise-900: #4a1f14;
--color-mesa-sunrise-950: #300e06;
}SCSS
$mesa-sunrise: #ea8160;
$mesa-sunrise-rgb: 234, 129, 96;
$mesa-sunrise-light: mix(#fff, $mesa-sunrise, 20%);
$mesa-sunrise-dark: mix(#000, $mesa-sunrise, 20%);
.element {
color: $mesa-sunrise;
box-shadow: 0 0 0 2px rgba($mesa-sunrise, 0.35);
}