Nächste benannte Farbe · #E0A77C
#E0A77C
Nächste benannte Farbe: Lunatic Lynx
#E0A77C (rgb(224 167 124), hsl(26 62% 68%), oklch(0.772 0.089 58)) liegt am nächsten an der benannten Farbe Lunatic Lynx. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E0A77C
oklch(0.772 0.089 58)
Farbumrechnungen
- HEX
- #e0a77c
- RGB
- rgb(224 167 124)
- HSL
- hsl(26 62% 68%)
- HWB
- hwb(26 49% 12%)
- OKLCH
- oklch(0.772 0.089 58)
- OKLab
- oklab(0.772 0.047 0.075)
- CIE Lab
- lab(73.23 17.82 30.86)
- LCH
- lch(73.23 35.64 60)
- CMYK
- cmyk(0% 25% 45% 12%)
Tints · Shades · Tones
Tints
- E4B089
- E7B996
- EAC1A3
- EECAB0
- F1D3BD
- F4DCCA
- F7E5D7
- FAEDE5
- FCF6F2
Shades
- C3916B
- A67B5A
- 8A664A
- 70523B
- 563E2C
- 3E2C1E
- 271A11
- 120A05
- 020101
Tones
- D6A37D
- CD9F7E
- C39C7F
- B9987F
- B09480
- A69080
- 9D8C80
- 938880
- 8A8480
Farbharmonien
Komplementär +180°
- E0A77C
Lunatic Lynx
- 7DBDE7
≈ C’est la Vie
Analog -30° +30°
- E0A77C
Lunatic Lynx
- E89F95
≈ Rose Dusk
- CCB272
≈ Indonesian Rattan
Triadisch +120° +240°
- E0A77C
Lunatic Lynx
- 72C8B5
≈ Shockwave
- BBA9E6
≈ Perfume
Geteilt komplementär +150° +210°
- E0A77C
Lunatic Lynx
- 6AC5D2
≈ Paradise Sky
- 9CB3EE
≈ Wondrous Wisteria
Tetradisch +90° +180° +270°
- E0A77C
Lunatic Lynx
- 8EC595
≈ Velvet Leaf
- 7DBDE7
≈ C’est la Vie
- D4A1D2
≈ Velvet Horizon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.10:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.98:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.98:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--lunatic-lynx: #e0a77c;
--lunatic-lynx-rgb: 224 167 124;
--lunatic-lynx-oklch: oklch(0.772 0.089 58);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(26 62% 68%);
border-color: oklch(0.772 0.089 58);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #e0a77c;
--color-lunatic-lynx-50: #fff0dc;
--color-lunatic-lynx-100: #ffe2cb;
--color-lunatic-lynx-200: #f1ccaf;
--color-lunatic-lynx-300: #daad8a;
--color-lunatic-lynx-400: #c69169;
--color-lunatic-lynx-500: #b27748;
--color-lunatic-lynx-600: #96653e;
--color-lunatic-lynx-700: #795031;
--color-lunatic-lynx-800: #5a3a23;
--color-lunatic-lynx-900: #3f2817;
--color-lunatic-lynx-950: #281608;
}SCSS
$lunatic-lynx: #e0a77c;
$lunatic-lynx-rgb: 224, 167, 124;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}