Couleur nommée la plus proche · #ADA171
#ADA171
Couleur nommée la plus proche: Windy Meadow
#ADA171 (rgb(173 161 113), hsl(48 27% 56%), oklch(0.708 0.067 95.8)) est la plus proche de la couleur nommée Windy Meadow. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ADA171
oklch(0.708 0.067 95.8)
Conversions de couleur
- HEX
- #ada171
- RGB
- rgb(173 161 113)
- HSL
- hsl(48 27% 56%)
- HWB
- hwb(48 44% 32%)
- OKLCH
- oklch(0.708 0.067 95.8)
- OKLab
- oklab(0.708 -0.007 0.066)
- CIE Lab
- lab(66.4 -0.88 26.72)
- LCH
- lch(66.4 26.73 91.9)
- CMYK
- cmyk(0% 7% 35% 32%)
Teintes · Ombres · Tons
Teintes
- B5AA7F
- BDB38D
- C5BD9B
- CDC6A9
- D5CFB7
- DDD9C5
- E6E2D4
- EEECE2
- F7F5F0
Ombres
- 968B61
- 7F7652
- 6A6243
- 554E35
- 413C27
- 2D2A1A
- 1B190E
- 0B0904
- 010101
Tons
- A89E73
- A49A75
- 9F9777
- 9B9478
- 96917A
- 928D7B
- 8D8A7D
- 89877E
- 84837F
Harmonies de couleurs
Complémentaire +180°
- ADA171
Windy Meadow
- 959ECB
≈ Velvet Robe
Analogue -30° +30°
- ADA171
Windy Meadow
- BE9975
≈ Wilmington Tan
- 96A97B
≈ Forester
Triadique +120° +240°
- ADA171
Windy Meadow
- 6FACBB
≈ Watson Lake
- BC91B1
≈ Mauve Magic
Complémentaire divisée +150° +210°
- ADA171
Windy Meadow
- 7EA5C8
≈ Seaborne
- AB96C2
≈ Ode to Purple
Tétradique +90° +180° +270°
- ADA171
Windy Meadow
- 6FAFA7
≈ Turquoise Fantasies
- 959ECB
≈ Velvet Robe
- C6909A
≈ Grey Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.58:1 · APCA Lc 51
Ag
AAASur noir
WCAG 8.11:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 8.11:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--windy-meadow: #ada171;
--windy-meadow-rgb: 173 161 113;
--windy-meadow-oklch: oklch(0.708 0.067 95.8);
}
.element {
color: var(--windy-meadow);
background-color: hsl(48 27% 56%);
border-color: oklch(0.708 0.067 95.8);
}Tailwind CSS v4
@theme {
--color-windy-meadow: #ada171;
--color-windy-meadow-50: #faf6e0;
--color-windy-meadow-100: #ede9d0;
--color-windy-meadow-200: #dcd5b5;
--color-windy-meadow-300: #c0b891;
--color-windy-meadow-400: #aa9f71;
--color-windy-meadow-500: #938652;
--color-windy-meadow-600: #7d7246;
--color-windy-meadow-700: #645b37;
--color-windy-meadow-800: #4a4227;
--color-windy-meadow-900: #332e1a;
--color-windy-meadow-950: #1f1a0b;
}SCSS
$windy-meadow: #ada171;
$windy-meadow-rgb: 173, 161, 113;
$windy-meadow-light: mix(#fff, $windy-meadow, 20%);
$windy-meadow-dark: mix(#000, $windy-meadow, 20%);
.element {
color: $windy-meadow;
box-shadow: 0 0 0 2px rgba($windy-meadow, 0.35);
}