Named color · #EFCFBC
Desert Mesa
Desert Mesa is #EFCFBC: rgb(239 207 188), hsl(22 61% 84%), oklch(0.876 0.044 52.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Desert Mesa color name →
#EFCFBC
oklch(0.876 0.044 52.6)
Color conversions
- HEX
- #efcfbc
- RGB
- rgb(239 207 188)
- HSL
- hsl(22 61% 84%)
- HWB
- hwb(22 74% 6%)
- OKLCH
- oklch(0.876 0.044 52.6)
- OKLab
- oklab(0.876 0.027 0.035)
- CIE Lab
- lab(85.5 9.44 13.83)
- LCH
- lch(85.5 16.75 55.7)
- CMYK
- cmyk(0% 13% 21% 6%)
Tints · Shades · Tones
Tints
- F1D4C3
- F2D9C9
- F4DDD0
- F6E2D7
- F7E7DD
- F9ECE4
- FBF1EB
- FCF5F1
- FEFAF8
Shades
- D0B4A3
- B1998B
- 947F73
- 78675D
- 5C4F47
- 423832
- 2A231F
- 14100D
- 030202
Tones
- E3C7B6
- D8BFB0
- CDB7AA
- C1AFA4
- B6A79E
- AB9F98
- A09792
- 958F8C
- 8B8886
Color harmonies
Complementary +180°
- EFCFBC
Desert Mesa
- BADCEF
≈ Greek Isles
Analogous -30° +30°
- EFCFBC
Desert Mesa
- F3CCC9
≈ First Peach
- E5D4B6
≈ Sand Pearl
Triadic +120° +240°
- EFCFBC
Desert Mesa
- BAE0D3
≈ Mint Mist
- D7D2F2
≈ Air Castle
Split-complementary +150° +210°
- EFCFBC
Desert Mesa
- B5E0E3
≈ Fine Blue
- C7D7F4
≈ Fly a Kite
Tetradic +90° +180° +270°
- EFCFBC
Desert Mesa
- C6DEC4
≈ Shanghai Silk
- BADCEF
≈ Greek Isles
- E5CDE8
≈ Footie Pyjamas
Contrast & accessibility
Ag
FailOn white
WCAG 1.46:1 · APCA Lc 22
Ag
AAAOn black
WCAG 14.32:1 · APCA Lc 81
Best text color: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--desert-mesa: #efcfbc;
--desert-mesa-rgb: 239 207 188;
--desert-mesa-oklch: oklch(0.876 0.044 52.6);
}
.element {
color: var(--desert-mesa);
background-color: hsl(22 61% 84%);
border-color: oklch(0.876 0.044 52.6);
}Tailwind CSS v4
@theme {
--color-desert-mesa: #efcfbc;
--color-desert-mesa-50: #fff2e9;
--color-desert-mesa-100: #f4e4da;
--color-desert-mesa-200: #e4d0c3;
--color-desert-mesa-300: #cab2a2;
--color-desert-mesa-400: #b49887;
--color-desert-mesa-500: #9e7e6b;
--color-desert-mesa-600: #866b5b;
--color-desert-mesa-700: #6b5649;
--color-desert-mesa-800: #4f3e35;
--color-desert-mesa-900: #372b24;
--color-desert-mesa-950: #221813;
}SCSS
$desert-mesa: #efcfbc;
$desert-mesa-rgb: 239, 207, 188;
$desert-mesa-light: mix(#fff, $desert-mesa, 20%);
$desert-mesa-dark: mix(#000, $desert-mesa, 20%);
.element {
color: $desert-mesa;
box-shadow: 0 0 0 2px rgba($desert-mesa, 0.35);
}