Named color · #EFCDB8
Desert Field
Desert Field is #EFCDB8: rgb(239 205 184), hsl(23 63% 83%), oklch(0.872 0.048 53.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Desert Field color name →
#EFCDB8
oklch(0.872 0.048 53.6)
Color conversions
- HEX
- #efcdb8
- RGB
- rgb(239 205 184)
- HSL
- hsl(23 63% 83%)
- HWB
- hwb(23 72% 6%)
- OKLCH
- oklch(0.872 0.048 53.6)
- OKLab
- oklab(0.872 0.028 0.039)
- CIE Lab
- lab(84.93 10.01 15.15)
- LCH
- lch(84.93 18.16 56.5)
- CMYK
- cmyk(0% 14% 23% 6%)
Tints · Shades · Tones
Tints
- F1D2BF
- F2D7C6
- F4DCCD
- F6E1D4
- F7E6DB
- F9EBE2
- FBF0EA
- FCF5F1
- FEFAF8
Shades
- D0B2A0
- B19888
- 947E71
- 78665B
- 5C4E45
- 423831
- 2A231E
- 140F0C
- 030202
Tones
- E3C5B2
- D8BDAD
- CDB5A7
- C1AEA1
- B6A69C
- AB9E96
- A09791
- 958F8B
- 8B8786
Color harmonies
Complementary +180°
- EFCDB8
Desert Field
- B7DBF0
≈ Seashore Dreams
Analogous -30° +30°
- EFCDB8
Desert Field
- F3C9C6
≈ First Peach
- E4D3B2
≈ Journal White
Triadic +120° +240°
- EFCDB8
Desert Field
- B5E0D2
≈ Filtered Forest
- D6CFF2
≈ Plum’s the Word
Split-complementary +150° +210°
- EFCDB8
Desert Field
- B1DFE3
≈ Opal
- C5D5F5
≈ Murano Soft Blue
Tetradic +90° +180° +270°
- EFCDB8
Desert Field
- C3DDC1
≈ Soft Grass
- B7DBF0
≈ Seashore Dreams
- E5CBE7
≈ Footie Pyjamas
Contrast & accessibility
Ag
FailOn white
WCAG 1.48:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.09:1 · APCA Lc 80
Best text color: #000000
WCAG 14.09:1 (AAA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--desert-field: #efcdb8;
--desert-field-rgb: 239 205 184;
--desert-field-oklch: oklch(0.872 0.048 53.6);
}
.element {
color: var(--desert-field);
background-color: hsl(23 63% 83%);
border-color: oklch(0.872 0.048 53.6);
}Tailwind CSS v4
@theme {
--color-desert-field: #efcdb8;
--color-desert-field-50: #fff2e8;
--color-desert-field-100: #f5e4d9;
--color-desert-field-200: #e5cfc1;
--color-desert-field-300: #cbb2a0;
--color-desert-field-400: #b69784;
--color-desert-field-500: #a07e69;
--color-desert-field-600: #876b59;
--color-desert-field-700: #6c5547;
--color-desert-field-800: #503e33;
--color-desert-field-900: #382b23;
--color-desert-field-950: #221812;
}SCSS
$desert-field: #efcdb8;
$desert-field-rgb: 239, 205, 184;
$desert-field-light: mix(#fff, $desert-field, 20%);
$desert-field-dark: mix(#000, $desert-field, 20%);
.element {
color: $desert-field;
box-shadow: 0 0 0 2px rgba($desert-field, 0.35);
}