Couleur nommée la plus proche · #A39342
#A39342
Couleur nommée la plus proche: Gecko
#A39342 (rgb(163 147 66), hsl(50 42% 45%), oklch(0.661 0.103 98.3)) est la plus proche de la couleur nommée Gecko. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A39342
oklch(0.661 0.103 98.3)
Conversions de couleur
- HEX
- #a39342
- RGB
- rgb(163 147 66)
- HSL
- hsl(50 42% 45%)
- HWB
- hwb(50 26% 36%)
- OKLCH
- oklch(0.661 0.103 98.3)
- OKLab
- oklab(0.661 -0.015 0.102)
- CIE Lab
- lab(61.13 -1.41 44.14)
- LCH
- lch(61.13 44.16 91.8)
- CMYK
- cmyk(0% 10% 60% 36%)
Teintes · Ombres · Tons
Teintes
- AC9E57
- B5A86A
- BEB37D
- C7BE90
- D0C8A2
- D9D3B5
- E2DEC7
- ECE9DA
- F5F4EC
Ombres
- 8D7F38
- 786C2F
- 635925
- 4F471C
- 3C3614
- 2A250B
- 191605
- 0A0801
- 010100
Tons
- 9F914B
- 9C9052
- 988E59
- 958C60
- 918A66
- 8E886C
- 8A8671
- 878476
- 83827B
Harmonies de couleurs
Complémentaire +180°
- A39342
Gecko
- 848CD1
≈ Pansy Garden
Analogue -30° +30°
- A39342
Gecko
- BC8648
≈ Amber Sienna
- 809F58
≈ Verdant Serenade
Triadique +120° +240°
- A39342
Gecko
- 34A1BD
≈ Maui
- BC79A8
≈ Hollyhock Blossom Pink
Complémentaire divisée +150° +210°
- A39342
Gecko
- 5D97CF
≈ Winter Lake
- A481C3
≈ Lilac Purple
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.08:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.80:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
CSS
:root {
--gecko: #a39342;
--gecko-rgb: 163 147 66;
--gecko-oklch: oklch(0.661 0.103 98.3);
}
.element {
color: var(--gecko);
background-color: hsl(50 42% 45%);
border-color: oklch(0.661 0.103 98.3);
}Tailwind CSS v4
@theme {
--color-gecko: #a39342;
--color-gecko-50: #fbf7d5;
--color-gecko-100: #efe9c2;
--color-gecko-200: #ded6a3;
--color-gecko-300: #c3b97b;
--color-gecko-400: #ae9f54;
--color-gecko-500: #988627;
--color-gecko-600: #817223;
--color-gecko-700: #675b1c;
--color-gecko-800: #4d4211;
--color-gecko-900: #352e0b;
--color-gecko-950: #211a01;
}SCSS
$gecko: #a39342;
$gecko-rgb: 163, 147, 66;
$gecko-light: mix(#fff, $gecko, 20%);
$gecko-dark: mix(#000, $gecko, 20%);
.element {
color: $gecko;
box-shadow: 0 0 0 2px rgba($gecko, 0.35);
}