En yakın adlandırılmış renk · #B5A96E
#B5A96E
En yakın adlandırılmış renk: Windy Meadow
#B5A96E (rgb(181 169 110), hsl(50 32% 57%), oklch(0.731 0.079 98.1)) en çok Windy Meadow adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B5A96E
oklch(0.731 0.079 98.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BCB17D
- C3BA8B
- CBC29A
- D2CBA8
- D9D4B6
- E1DCC5
- E8E5D3
- F0EEE2
- F7F6F0
Koyu tonlar
- 9D925F
- 867C50
- 6F6741
- 595333
- 443F26
- 302C19
- 1D1B0E
- 0C0A04
- 020101
Gri tonlar
- B0A571
- AAA173
- A59D75
- 9F9977
- 9A9579
- 95907B
- 8F8C7C
- 8A887E
- 85847F
Renk uyumları
Tamamlayıcı +180°
- B5A96E
Windy Meadow
- 9CA4DA
≈ Dalmatian Sage
Analog -30° +30°
- B5A96E
Windy Meadow
- CA9F71
≈ New Fawn
- 99B27C
≈ Watercolour Green
Üçlü +120° +240°
- B5A96E
Windy Meadow
- 6BB4C9
≈ Delicate Girl Blue
- CA95B9
≈ Moorland Heather
Bölünmüş tamamlayıcı +150° +210°
- B5A96E
Windy Meadow
- 80ADD8
≈ Buoyant Blue
- B69BCF
≈ Turnip Crown
Dörtlü +90° +180° +270°
- B5A96E
Windy Meadow
- 69B8B1
≈ Florida Turquoise
- 9CA4DA
≈ Dalmatian Sage
- D4939E
≈ Madagascar Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.36:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.86:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
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);
}