Colore con nome · #A06E57
Earth Tone
Earth Tone è #A06E57: rgb(160 110 87), hsl(19 30% 48%), oklch(0.584 0.073 45.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Earth Tone color name →
#A06E57
oklch(0.584 0.073 45.6)
Conversioni di colore
- HEX
- #a06e57
- RGB
- rgb(160 110 87)
- HSL
- hsl(19 30% 48%)
- HWB
- hwb(19 34% 37%)
- OKLCH
- oklch(0.584 0.073 45.6)
- OKLab
- oklab(0.584 0.051 0.052)
- CIE Lab
- lab(51.36 18.39 21.25)
- LCH
- lch(51.36 28.11 49.1)
- CMYK
- cmyk(0% 31% 46% 37%)
Tinte · Ombre · Toni
Tinte
- AA7C67
- B38A77
- BD9887
- C7A698
- D0B5A8
- DAC3B9
- E3D2CA
- ECE1DC
- F6F0ED
Ombre
- 8B5F4B
- 76503E
- 614133
- 4E3327
- 3B261C
- 291912
- 190E08
- 090403
- 010100
Toni
- 9D705B
- 9A7260
- 977464
- 947668
- 91786C
- 8E7970
- 8B7B74
- 877D78
- 847E7C
Armonie di colore
Complementare +180°
- A06E57
Earth Tone
- 48859C
≈ Jay Bird
Analogo -30° +30°
- A06E57
Earth Tone
- A26A6D
≈ Delhi Spice
- 957649
≈ Antique Penny
Triadico +120° +240°
- A06E57
Earth Tone
- 4F8A71
≈ Molly Robins
- 7776A5
≈ Minuet Lilac
Complementare divisa +150° +210°
- A06E57
Earth Tone
- 408989
≈ Sea Caller
- 5F7EA6
≈ Miracle Elixir
Tetradico +90° +180° +270°
- A06E57
Earth Tone
- 68865A
≈ Thicket
- 48859C
≈ Jay Bird
- 8C6E99
≈ Faded Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.31:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.86:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--earth-tone: #a06e57;
--earth-tone-rgb: 160 110 87;
--earth-tone-oklch: oklch(0.584 0.073 45.6);
}
.element {
color: var(--earth-tone);
background-color: hsl(19 30% 48%);
border-color: oklch(0.584 0.073 45.6);
}Tailwind CSS v4
@theme {
--color-earth-tone: #a06e57;
--color-earth-tone-50: #fff0e4;
--color-earth-tone-100: #fde1d4;
--color-earth-tone-200: #efccba;
--color-earth-tone-300: #d7ad98;
--color-earth-tone-400: #c3917b;
--color-earth-tone-500: #af775d;
--color-earth-tone-600: #94654f;
--color-earth-tone-700: #76503f;
--color-earth-tone-800: #583a2e;
--color-earth-tone-900: #3d281f;
--color-earth-tone-950: #27160f;
}SCSS
$earth-tone: #a06e57;
$earth-tone-rgb: 160, 110, 87;
$earth-tone-light: mix(#fff, $earth-tone, 20%);
$earth-tone-dark: mix(#000, $earth-tone, 20%);
.element {
color: $earth-tone;
box-shadow: 0 0 0 2px rgba($earth-tone, 0.35);
}