Benoemde kleur · #A06E57
Earth Tone
Earth Tone is #A06E57: rgb(160 110 87), hsl(19 30% 48%), oklch(0.584 0.073 45.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Earth Tone color name →
#A06E57
oklch(0.584 0.073 45.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- AA7C67
- B38A77
- BD9887
- C7A698
- D0B5A8
- DAC3B9
- E3D2CA
- ECE1DC
- F6F0ED
Schaduwen
- 8B5F4B
- 76503E
- 614133
- 4E3327
- 3B261C
- 291912
- 190E08
- 090403
- 010100
Tonen
- 9D705B
- 9A7260
- 977464
- 947668
- 91786C
- 8E7970
- 8B7B74
- 877D78
- 847E7C
Kleurharmonieën
Complementair +180°
- A06E57
Earth Tone
- 48859C
≈ Jay Bird
Analoog -30° +30°
- A06E57
Earth Tone
- A26A6D
≈ Delhi Spice
- 957649
≈ Antique Penny
Triadisch +120° +240°
- A06E57
Earth Tone
- 4F8A71
≈ Molly Robins
- 7776A5
≈ Minuet Lilac
Gesplitst complementair +150° +210°
- A06E57
Earth Tone
- 408989
≈ Sea Caller
- 5F7EA6
≈ Miracle Elixir
Tetradisch +90° +180° +270°
- A06E57
Earth Tone
- 68865A
≈ Thicket
- 48859C
≈ Jay Bird
- 8C6E99
≈ Faded Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.31:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.86:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
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);
}