Benoemde kleur · #A85E39
Earthen Jug
Earthen Jug is #A85E39: rgb(168 94 57), hsl(20 49% 44%), oklch(0.56 0.109 46.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Brown mean? → · Earthen Jug color name →
#A85E39
oklch(0.56 0.109 46.2)
Kleurconversies
- HEX
- #a85e39
- RGB
- rgb(168 94 57)
- HSL
- hsl(20 49% 44%)
- HWB
- hwb(20 22% 34%)
- OKLCH
- oklch(0.56 0.109 46.2)
- OKLab
- oklab(0.56 0.076 0.079)
- CIE Lab
- lab(48.24 28.49 34.61)
- LCH
- lch(48.24 44.83 50.5)
- CMYK
- cmyk(0% 44% 66% 34%)
Tinten · Schaduwen · Tonen
Tinten
- B26E4D
- BB7E60
- C48D74
- CD9D87
- D6AD9A
- DFBDAE
- E7CEC2
- EFDED6
- F7EEEA
Schaduwen
- 925130
- 7C4428
- 67371F
- 522B17
- 3F1F10
- 2C1409
- 1A0A04
- 0A0301
- 010000
Tonen
- A56241
- A16649
- 9E6A51
- 9A6D58
- 96715F
- 927466
- 8E776C
- 8A7A73
- 857D7A
Kleurharmonieën
Complementair +180°
- A85E39
Earthen Jug
- 0080A4
≈ Kingfisher Sheen
Analoog -30° +30°
- A85E39
Earthen Jug
- AB575E
≈ Grenadine
- 996A17
≈ Mandolin
Triadisch +120° +240°
- A85E39
Earthen Jug
- 198866
≈ Celtic Queen
- 706AB1
≈ Clear Mauve
Gesplitst complementair +150° +210°
- A85E39
Earthen Jug
- 008587
≈ Bay Teal
- 4776B3
≈ Petrel
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.85:1 · APCA Lc 73
Ag
FailOp zwart
WCAG 4.32:1 · APCA Lc 28
Beste tekstkleur: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--earthen-jug: #a85e39;
--earthen-jug-rgb: 168 94 57;
--earthen-jug-oklch: oklch(0.56 0.109 46.2);
}
.element {
color: var(--earthen-jug);
background-color: hsl(20 49% 44%);
border-color: oklch(0.56 0.109 46.2);
}Tailwind CSS v4
@theme {
--color-earthen-jug: #a85e39;
--color-earthen-jug-50: #ffeddb;
--color-earthen-jug-100: #ffdec9;
--color-earthen-jug-200: #fcc7ac;
--color-earthen-jug-300: #e6a786;
--color-earthen-jug-400: #d48a66;
--color-earthen-jug-500: #c06d43;
--color-earthen-jug-600: #a35d3a;
--color-earthen-jug-700: #834a2e;
--color-earthen-jug-800: #613521;
--color-earthen-jug-900: #442416;
--color-earthen-jug-950: #2c1307;
}SCSS
$earthen-jug: #a85e39;
$earthen-jug-rgb: 168, 94, 57;
$earthen-jug-light: mix(#fff, $earthen-jug, 20%);
$earthen-jug-dark: mix(#000, $earthen-jug, 20%);
.element {
color: $earthen-jug;
box-shadow: 0 0 0 2px rgba($earthen-jug, 0.35);
}