En yakın adlandırılmış renk · #B0A670
#B0A670
En yakın adlandırılmış renk: Windy Meadow
#B0A670 (rgb(176 166 112), hsl(51 29% 56%), oklch(0.721 0.073 99)) 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.
#B0A670
oklch(0.721 0.073 99)
Renk dönüşümleri
- HEX
- #b0a670
- RGB
- rgb(176 166 112)
- HSL
- hsl(51 29% 56%)
- HWB
- hwb(51 44% 31%)
- OKLCH
- oklch(0.721 0.073 99)
- OKLab
- oklab(0.721 -0.011 0.072)
- CIE Lab
- lab(68 -2.27 29.37)
- LCH
- lch(68 29.46 94.4)
- CMYK
- cmyk(0% 6% 36% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8AF7E
- BFB78C
- C7C09B
- CFC9A9
- D7D2B7
- DFDBC5
- E7E4D4
- EFEDE2
- F7F6F0
Koyu tonlar
- 999060
- 827A51
- 6C6543
- 565135
- 423E27
- 2E2B1A
- 1C1A0E
- 0B0A04
- 010101
Gri tonlar
- ABA272
- A69E74
- A19B76
- 9C9778
- 98937A
- 938F7B
- 8E8B7C
- 89887E
- 85847F
Renk uyumları
Tamamlayıcı +180°
- B0A670
Windy Meadow
- 9AA1D3
≈ Fields of Heather
Analog -30° +30°
- B0A670
Windy Meadow
- C39D72
≈ Gingersnap
- 97AE7D
≈ Siamese Green
Üçlü +120° +240°
- B0A670
Windy Meadow
- 6EB0C4
≈ Water Music
- C493B4
≈ Mauve Magic
Bölünmüş tamamlayıcı +150° +210°
- B0A670
Windy Meadow
- 81A9D1
≈ Cotton Wool Blue
- B299C8
≈ Atlantic Tulip
Dörtlü +90° +180° +270°
- B0A670
Windy Meadow
- 6CB4AE
≈ Veranda Blue
- 9AA1D3
≈ Fields of Heather
- CE929B
≈ Rosetti
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.46:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.53:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--windy-meadow: #b0a670;
--windy-meadow-rgb: 176 166 112;
--windy-meadow-oklch: oklch(0.721 0.073 99);
}
.element {
color: var(--windy-meadow);
background-color: hsl(51 29% 56%);
border-color: oklch(0.721 0.073 99);
}Tailwind CSS v4
@theme {
--color-windy-meadow: #b0a670;
--color-windy-meadow-50: #f9f6df;
--color-windy-meadow-100: #ede9cd;
--color-windy-meadow-200: #dbd6b2;
--color-windy-meadow-300: #bfb98e;
--color-windy-meadow-400: #a9a06d;
--color-windy-meadow-500: #92874c;
--color-windy-meadow-600: #7c7241;
--color-windy-meadow-700: #635b34;
--color-windy-meadow-800: #494324;
--color-windy-meadow-900: #332e18;
--color-windy-meadow-950: #1f1b09;
}SCSS
$windy-meadow: #b0a670;
$windy-meadow-rgb: 176, 166, 112;
$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);
}