Nazwany kolor · #B0A676
Windy Meadow
Windy Meadow to #B0A676: rgb(176 166 118), hsl(50 27% 58%), oklch(0.722 0.066 97.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Windy Meadow color name →
#B0A676
oklch(0.722 0.066 97.8)
Konwersje koloru
- HEX
- #b0a676
- RGB
- rgb(176 166 118)
- HSL
- hsl(50 27% 58%)
- HWB
- hwb(50 46% 31%)
- OKLCH
- oklch(0.722 0.066 97.8)
- OKLab
- oklab(0.722 -0.009 0.065)
- CIE Lab
- lab(68.09 -1.73 26.3)
- LCH
- lch(68.09 26.35 93.8)
- CMYK
- cmyk(0% 6% 33% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8AF84
- BFB791
- C7C09F
- CFC9AC
- D7D2BA
- DFDBC7
- E7E4D5
- EFEDE3
- F7F6F1
Odcienie ciemniejsze
- 999066
- 827A56
- 6C6547
- 565138
- 423E29
- 2E2B1C
- 1C1A0F
- 0B0A05
- 010101
Tony
- ABA277
- A69E79
- A19B7A
- 9C977B
- 98937C
- 938F7D
- 8E8B7E
- 89887F
- 85847F
Harmonie kolorów
Komplementarna +180°
- B0A676
Windy Meadow
- 9BA2CF
≈ Fields of Heather
Analogowa -30° +30°
- B0A676
Windy Meadow
- C19E79
≈ Tan Plan
- 99AD81
≈ Siamese Green
Triada +120° +240°
- B0A676
Windy Meadow
- 74B0C1
≈ Glacier
- C196B4
≈ Cherished
Komplementarna rozszczepiona +150° +210°
- B0A676
Windy Meadow
- 84A9CD
≈ Windfall
- B09BC6
≈ Atlantic Tulip
Tetrada +90° +180° +270°
- B0A676
Windy Meadow
- 73B3AD
≈ Aurora Teal
- 9BA2CF
≈ Fields of Heather
- CA949D
≈ Rosetti
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.45:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.56:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--windy-meadow: #b0a676;
--windy-meadow-rgb: 176 166 118;
--windy-meadow-oklch: oklch(0.722 0.066 97.8);
}
.element {
color: var(--windy-meadow);
background-color: hsl(50 27% 58%);
border-color: oklch(0.722 0.066 97.8);
}Tailwind CSS v4
@theme {
--color-windy-meadow: #b0a676;
--color-windy-meadow-50: #f9f6e1;
--color-windy-meadow-100: #ede9d0;
--color-windy-meadow-200: #dad5b6;
--color-windy-meadow-300: #bfb992;
--color-windy-meadow-400: #a99f72;
--color-windy-meadow-500: #928753;
--color-windy-meadow-600: #7b7246;
--color-windy-meadow-700: #635b38;
--color-windy-meadow-800: #494227;
--color-windy-meadow-900: #332e1a;
--color-windy-meadow-950: #1e1b0b;
}SCSS
$windy-meadow: #b0a676;
$windy-meadow-rgb: 176, 166, 118;
$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);
}