Couleur nommée la plus proche · #C2A76D
#C2A76D
Couleur nommée la plus proche: Ginger Ale
#C2A76D (rgb(194 167 109), hsl(41 41% 59%), oklch(0.739 0.082 85.5)) est la plus proche de la couleur nommée Ginger Ale. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C2A76D
oklch(0.739 0.082 85.5)
Conversions de couleur
- HEX
- #c2a76d
- RGB
- rgb(194 167 109)
- HSL
- hsl(41 41% 59%)
- HWB
- hwb(41 43% 24%)
- OKLCH
- oklch(0.739 0.082 85.5)
- OKLab
- oklab(0.739 0.006 0.082)
- CIE Lab
- lab(69.92 4.4 33.78)
- LCH
- lch(69.92 34.07 82.6)
- CMYK
- cmyk(0% 14% 44% 24%)
Teintes · Ombres · Tons
Teintes
- C8B07C
- CEB88B
- D4C199
- DACAA8
- E0D3B6
- E6DBC5
- EDE4D3
- F3EDE2
- F9F6F0
Ombres
- A8915E
- 8F7B4F
- 776641
- 605233
- 493E26
- 342C19
- 201A0D
- 0E0A04
- 020101
Tons
- BBA370
- B59F72
- AE9B75
- A79877
- A19479
- 9A907A
- 938C7C
- 8D887D
- 86847F
Harmonies de couleurs
Complémentaire +180°
- C2A76D
Ginger Ale
- 92AADF
≈ Black Drop
Analogue -30° +30°
- C2A76D
Ginger Ale
- D39D78
≈ Darling Clementine
- A8B175
≈ Estragon
Triadique +120° +240°
- C2A76D
Ginger Ale
- 66BAC4
≈ Azul Turquesa
- C699C7
≈ Pastel Violet
Complémentaire divisée +150° +210°
- C2A76D
Ginger Ale
- 76B3D7
≈ Meadow Blossom Blue
- AEA0D9
≈ Violet Velvet
Tétradique +90° +180° +270°
- C2A76D
Ginger Ale
- 6FBCA8
≈ Larchmere
- 92AADF
≈ Black Drop
- D595AD
≈ Foxy Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.32:1 · APCA Lc 46
Ag
AAASur noir
WCAG 9.04:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--ginger-ale: #c2a76d;
--ginger-ale-rgb: 194 167 109;
--ginger-ale-oklch: oklch(0.739 0.082 85.5);
}
.element {
color: var(--ginger-ale);
background-color: hsl(41 41% 59%);
border-color: oklch(0.739 0.082 85.5);
}Tailwind CSS v4
@theme {
--color-ginger-ale: #c2a76d;
--color-ginger-ale-50: #fff4db;
--color-ginger-ale-100: #f4e7c9;
--color-ginger-ale-200: #e3d3ad;
--color-ginger-ale-300: #c9b587;
--color-ginger-ale-400: #b49b65;
--color-ginger-ale-500: #9f8241;
--color-ginger-ale-600: #866e38;
--color-ginger-ale-700: #6c582d;
--color-ginger-ale-800: #50401f;
--color-ginger-ale-900: #382c14;
--color-ginger-ale-950: #221906;
}SCSS
$ginger-ale: #c2a76d;
$ginger-ale-rgb: 194, 167, 109;
$ginger-ale-light: mix(#fff, $ginger-ale, 20%);
$ginger-ale-dark: mix(#000, $ginger-ale, 20%);
.element {
color: $ginger-ale;
box-shadow: 0 0 0 2px rgba($ginger-ale, 0.35);
}