Benannte Farbe · #A97F3C
El Dorado
El Dorado ist #A97F3C: rgb(169 127 60), hsl(37 48% 45%), oklch(0.624 0.099 76.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · El Dorado color name →
#A97F3C
oklch(0.624 0.099 76.8)
Farbumrechnungen
- HEX
- #a97f3c
- RGB
- rgb(169 127 60)
- HSL
- hsl(37 48% 45%)
- HWB
- hwb(37 24% 34%)
- OKLCH
- oklch(0.624 0.099 76.8)
- OKLab
- oklab(0.624 0.023 0.096)
- CIE Lab
- lab(56.4 11.44 42.1)
- LCH
- lch(56.4 43.63 74.8)
- CMYK
- cmyk(0% 25% 64% 34%)
Tints · Shades · Tones
Tints
- B28B51
- BA9865
- C3A578
- CBB18B
- D4BE9E
- DDCBB1
- E5D8C5
- EEE5D8
- F6F2EB
Shades
- 926E33
- 7C5D2A
- 674C21
- 533C19
- 3F2D11
- 2C1F0A
- 1B1104
- 0A0601
- 010100
Tones
- A57F45
- A1804D
- 9D8055
- 99805C
- 958062
- 918069
- 8D806F
- 888075
- 84807A
Farbharmonien
Komplementär +180°
- A97F3C
El Dorado
- 6089C3
≈ Danube
Analog -30° +30°
- A97F3C
El Dorado
- B87452
≈ Outlawed Orange
- 8E8B3F
≈ Vegetable Garden
Triadisch +120° +240°
- A97F3C
El Dorado
- 229A9C
≈ Ocean Reef
- 9F74AF
≈ Bell Heather
Geteilt komplementär +150° +210°
- A97F3C
El Dorado
- 3893B6
≈ Navagio Bay
- 837EC0
≈ Faraway Sky
Tetradisch +90° +180° +270°
- A97F3C
El Dorado
- 419A7B
≈ Greenway
- 6089C3
≈ Danube
- B36E93
≈ Fuscia Fizz
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.62:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.78:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--el-dorado: #a97f3c;
--el-dorado-rgb: 169 127 60;
--el-dorado-oklch: oklch(0.624 0.099 76.8);
}
.element {
color: var(--el-dorado);
background-color: hsl(37 48% 45%);
border-color: oklch(0.624 0.099 76.8);
}Tailwind CSS v4
@theme {
--color-el-dorado: #a97f3c;
--color-el-dorado-50: #fff3d6;
--color-el-dorado-100: #fae5c3;
--color-el-dorado-200: #ebd0a5;
--color-el-dorado-300: #d3b27d;
--color-el-dorado-400: #c09758;
--color-el-dorado-500: #ab7d2f;
--color-el-dorado-600: #906a2a;
--color-el-dorado-700: #745421;
--color-el-dorado-800: #563d16;
--color-el-dorado-900: #3c2a0e;
--color-el-dorado-950: #261702;
}SCSS
$el-dorado: #a97f3c;
$el-dorado-rgb: 169, 127, 60;
$el-dorado-light: mix(#fff, $el-dorado, 20%);
$el-dorado-dark: mix(#000, $el-dorado, 20%);
.element {
color: $el-dorado;
box-shadow: 0 0 0 2px rgba($el-dorado, 0.35);
}