Couleur nommée la plus proche · #E0A77C
#E0A77C
Couleur nommée la plus proche: Lunatic Lynx
#E0A77C (rgb(224 167 124), hsl(26 62% 68%), oklch(0.772 0.089 58)) est la plus proche de la couleur nommée Lunatic Lynx. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E0A77C
oklch(0.772 0.089 58)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E4B089
- E7B996
- EAC1A3
- EECAB0
- F1D3BD
- F4DCCA
- F7E5D7
- FAEDE5
- FCF6F2
Ombres
- C3916B
- A67B5A
- 8A664A
- 70523B
- 563E2C
- 3E2C1E
- 271A11
- 120A05
- 020101
Tons
- D6A37D
- CD9F7E
- C39C7F
- B9987F
- B09480
- A69080
- 9D8C80
- 938880
- 8A8480
Harmonies de couleurs
Complémentaire +180°
- E0A77C
Lunatic Lynx
- 7DBDE7
≈ C’est la Vie
Analogue -30° +30°
- E0A77C
Lunatic Lynx
- E89F95
≈ Rose Dusk
- CCB272
≈ Indonesian Rattan
Triadique +120° +240°
- E0A77C
Lunatic Lynx
- 72C8B5
≈ Shockwave
- BBA9E6
≈ Perfume
Complémentaire divisée +150° +210°
- E0A77C
Lunatic Lynx
- 6AC5D2
≈ Paradise Sky
- 9CB3EE
≈ Wondrous Wisteria
Tétradique +90° +180° +270°
- E0A77C
Lunatic Lynx
- 8EC595
≈ Velvet Leaf
- 7DBDE7
≈ C’est la Vie
- D4A1D2
≈ Velvet Horizon
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.10:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.98:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.98:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
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);
}