Couleur nommée la plus proche · #C3B67C
#C3B67C
Couleur nommée la plus proche: Nettle
#C3B67C (rgb(195 182 124), hsl(49 37% 63%), oklch(0.773 0.078 97.1)) est la plus proche de la couleur nommée Nettle. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C3B67C
oklch(0.773 0.078 97.1)
Conversions de couleur
- HEX
- #c3b67c
- RGB
- rgb(195 182 124)
- HSL
- hsl(49 37% 63%)
- HWB
- hwb(49 49% 24%)
- OKLCH
- oklch(0.773 0.078 97.1)
- OKLab
- oklab(0.773 -0.01 0.077)
- CIE Lab
- lab(74.12 -1.51 31.33)
- LCH
- lch(74.12 31.36 92.8)
- CMYK
- cmyk(0% 7% 36% 24%)
Teintes · Ombres · Tons
Teintes
- C9BD89
- CFC496
- D5CCA3
- DBD3B1
- E1DABE
- E7E2CB
- EDE9D8
- F3F0E5
- F9F8F2
Ombres
- A99E6B
- 90865A
- 786F4A
- 60593B
- 4A442C
- 34301E
- 201D11
- 0E0C05
- 020201
Tons
- BCB17D
- B5AB7E
- AEA67F
- A8A07F
- A19B80
- 9A9580
- 939080
- 8D8B80
- 868580
Harmonies de couleurs
Complémentaire +180°
- C3B67C
Nettle
- A8B1E7
≈ Maximum Blue Purple
Analogue -30° +30°
- C3B67C
Nettle
- D7AC80
≈ Paper Brown
- A8BF89
≈ Shrubbery
Triadique +120° +240°
- C3B67C
Nettle
- 79C2D6
≈ Thredbo
- D6A3C8
≈ Pastel Lavender
Complémentaire divisée +150° +210°
- C3B67C
Nettle
- 8DBBE5
≈ Adrift on the Nile
- C2A9DD
≈ Perfume
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.03:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.30:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
CSS
:root {
--nettle: #c3b67c;
--nettle-rgb: 195 182 124;
--nettle-oklch: oklch(0.773 0.078 97.1);
}
.element {
color: var(--nettle);
background-color: hsl(49 37% 63%);
border-color: oklch(0.773 0.078 97.1);
}Tailwind CSS v4
@theme {
--color-nettle: #c3b67c;
--color-nettle-50: #faf6dd;
--color-nettle-100: #eee9cc;
--color-nettle-200: #dcd5b0;
--color-nettle-300: #c1b98b;
--color-nettle-400: #ab9f69;
--color-nettle-500: #958647;
--color-nettle-600: #7e723d;
--color-nettle-700: #655b30;
--color-nettle-800: #4b4221;
--color-nettle-900: #342e16;
--color-nettle-950: #1f1a07;
}SCSS
$nettle: #c3b67c;
$nettle-rgb: 195, 182, 124;
$nettle-light: mix(#fff, $nettle, 20%);
$nettle-dark: mix(#000, $nettle, 20%);
.element {
color: $nettle;
box-shadow: 0 0 0 2px rgba($nettle, 0.35);
}