Couleur nommée la plus proche · #B5A96E
#B5A96E
Couleur nommée la plus proche: Windy Meadow
#B5A96E (rgb(181 169 110), hsl(50 32% 57%), oklch(0.731 0.079 98.1)) 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.
#B5A96E
oklch(0.731 0.079 98.1)
Conversions de couleur
- HEX
- #b5a96e
- RGB
- rgb(181 169 110)
- HSL
- hsl(50 32% 57%)
- HWB
- hwb(50 43% 29%)
- OKLCH
- oklch(0.731 0.079 98.1)
- OKLab
- oklab(0.731 -0.011 0.079)
- CIE Lab
- lab(69.23 -1.9 32.09)
- LCH
- lch(69.23 32.15 93.4)
- CMYK
- cmyk(0% 7% 39% 29%)
Teintes · Ombres · Tons
Teintes
- BCB17D
- C3BA8B
- CBC29A
- D2CBA8
- D9D4B6
- E1DCC5
- E8E5D3
- F0EEE2
- F7F6F0
Ombres
- 9D925F
- 867C50
- 6F6741
- 595333
- 443F26
- 302C19
- 1D1B0E
- 0C0A04
- 020101
Tons
- B0A571
- AAA173
- A59D75
- 9F9977
- 9A9579
- 95907B
- 8F8C7C
- 8A887E
- 85847F
Harmonies de couleurs
Complémentaire +180°
- B5A96E
Windy Meadow
- 9CA4DA
≈ Dalmatian Sage
Analogue -30° +30°
- B5A96E
Windy Meadow
- CA9F71
≈ New Fawn
- 99B27C
≈ Watercolour Green
Triadique +120° +240°
- B5A96E
Windy Meadow
- 6BB4C9
≈ Delicate Girl Blue
- CA95B9
≈ Moorland Heather
Complémentaire divisée +150° +210°
- B5A96E
Windy Meadow
- 80ADD8
≈ Buoyant Blue
- B69BCF
≈ Turnip Crown
Tétradique +90° +180° +270°
- B5A96E
Windy Meadow
- 69B8B1
≈ Florida Turquoise
- 9CA4DA
≈ Dalmatian Sage
- D4939E
≈ Madagascar Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.36:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.86:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--windy-meadow: #b5a96e;
--windy-meadow-rgb: 181 169 110;
--windy-meadow-oklch: oklch(0.731 0.079 98.1);
}
.element {
color: var(--windy-meadow);
background-color: hsl(50 32% 57%);
border-color: oklch(0.731 0.079 98.1);
}Tailwind CSS v4
@theme {
--color-windy-meadow: #b5a96e;
--color-windy-meadow-50: #faf6dd;
--color-windy-meadow-100: #eee9cb;
--color-windy-meadow-200: #dcd6af;
--color-windy-meadow-300: #c0b98a;
--color-windy-meadow-400: #ab9f68;
--color-windy-meadow-500: #948746;
--color-windy-meadow-600: #7d723c;
--color-windy-meadow-700: #645b2f;
--color-windy-meadow-800: #4a4221;
--color-windy-meadow-900: #342e16;
--color-windy-meadow-950: #1f1a07;
}SCSS
$windy-meadow: #b5a96e;
$windy-meadow-rgb: 181, 169, 110;
$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);
}