Benannte Farbe · #DAB160
Equator
Equator ist #DAB160: rgb(218 177 96), hsl(40 62% 62%), oklch(0.781 0.11 82.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Equator color name →
#DAB160
oklch(0.781 0.11 82.9)
Farbumrechnungen
- HEX
- #dab160
- RGB
- rgb(218 177 96)
- HSL
- hsl(40 62% 62%)
- HWB
- hwb(40 38% 15%)
- OKLCH
- oklch(0.781 0.11 82.9)
- OKLab
- oklab(0.781 0.014 0.11)
- CIE Lab
- lab(74.72 8.47 46.76)
- LCH
- lch(74.72 47.52 79.7)
- CMYK
- cmyk(0% 19% 56% 15%)
Tints · Shades · Tones
Tints
- DEB972
- E2C182
- E5C993
- E9D0A2
- EDD8B2
- F1E0C1
- F4E8D1
- F8F0E0
- FBF7F0
Shades
- BD9952
- A28345
- 876C38
- 6C572C
- 544220
- 3C2F15
- 251C0A
- 110C03
- 020100
Tones
- D1AC65
- C8A76A
- BEA36E
- B59E71
- AC9974
- A39477
- 9A8F7A
- 928A7C
- 89857E
Farbharmonien
Komplementär +180°
- DAB160
Equator
- 92B7FF
≈ Carolina Blue
Analog -30° +30°
- DAB160
Equator
- EFA373
≈ Prairie Sun
- B8BF69
≈ Avocado Cream
Triadisch +120° +240°
- DAB160
Equator
- 4ECCD7
≈ Watercourse
- DA9FE1
≈ Herb Robert
Geteilt komplementär +150° +210°
- DAB160
Equator
- 68C4F3
≈ Blue Mana
- BAAAF8
≈ Winterspring Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.01:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.43:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--equator: #dab160;
--equator-rgb: 218 177 96;
--equator-oklch: oklch(0.781 0.11 82.9);
}
.element {
color: var(--equator);
background-color: hsl(40 62% 62%);
border-color: oklch(0.781 0.11 82.9);
}Tailwind CSS v4
@theme {
--color-equator: #dab160;
--color-equator-50: #fff3d2;
--color-equator-100: #f9e6bf;
--color-equator-200: #ead19e;
--color-equator-300: #d1b374;
--color-equator-400: #be984c;
--color-equator-500: #a97e16;
--color-equator-600: #8f6b17;
--color-equator-700: #735513;
--color-equator-800: #563e0b;
--color-equator-900: #3c2a07;
--color-equator-950: #261800;
}SCSS
$equator: #dab160;
$equator-rgb: 218, 177, 96;
$equator-light: mix(#fff, $equator, 20%);
$equator-dark: mix(#000, $equator, 20%);
.element {
color: $equator;
box-shadow: 0 0 0 2px rgba($equator, 0.35);
}