Nazwany kolor · #B9B58E
Young Willow
Young Willow to #B9B58E: rgb(185 181 142), hsl(54 23% 64%), oklch(0.766 0.053 102.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Young Willow color name →
#B9B58E
oklch(0.766 0.053 102.7)
Konwersje koloru
- HEX
- #b9b58e
- RGB
- rgb(185 181 142)
- HSL
- hsl(54 23% 64%)
- HWB
- hwb(54 56% 27%)
- OKLCH
- oklch(0.766 0.053 102.7)
- OKLab
- oklab(0.766 -0.012 0.052)
- CIE Lab
- lab(73.26 -3.27 20.51)
- LCH
- lch(73.26 20.77 99.1)
- CMYK
- cmyk(0% 2% 23% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0BC99
- C7C4A4
- CDCBAF
- D4D2BB
- DBDAC6
- E2E1D1
- E9E8DC
- F1F0E8
- F8F7F3
Odcienie ciemniejsze
- A09D7B
- 898668
- 716F56
- 5B5944
- 464434
- 313024
- 1E1D15
- 0D0C07
- 020201
Tony
- B3B08D
- ADAA8C
- A7A58A
- A2A089
- 9C9A88
- 969586
- 919085
- 8B8A83
- 858582
Harmonie kolorów
Komplementarna +180°
- B9B58E
Young Willow
- ADAFD5
≈ Lavender Wash
Analogowa -30° +30°
- B9B58E
Young Willow
- C8AE8E
≈ Peculiarly Drab Tincture
- A6BB98
≈ Ash Tree
Triada +120° +240°
- B9B58E
Young Willow
- 8EBBCC
≈ Blue Echo
- CCA6BC
≈ Safflower Wisteria
Komplementarna rozszczepiona +150° +210°
- B9B58E
Young Willow
- 9BB6D5
≈ Mont Blanc
- BFAACC
≈ Immortal
Tetrada +90° +180° +270°
- B9B58E
Young Willow
- 8CBEBC
≈ Chinese Tzu
- ADAFD5
≈ Lavender Wash
- D3A6AA
≈ Foxy Lady
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.08:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.06:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.06:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--young-willow: #b9b58e;
--young-willow-rgb: 185 181 142;
--young-willow-oklch: oklch(0.766 0.053 102.7);
}
.element {
color: var(--young-willow);
background-color: hsl(54 23% 64%);
border-color: oklch(0.766 0.053 102.7);
}Tailwind CSS v4
@theme {
--color-young-willow: #b9b58e;
--color-young-willow-50: #f7f6e5;
--color-young-willow-100: #eae9d5;
--color-young-willow-200: #d7d6bc;
--color-young-willow-300: #bbb99a;
--color-young-willow-400: #a4a07c;
--color-young-willow-500: #8c885f;
--color-young-willow-600: #777350;
--color-young-willow-700: #5f5c40;
--color-young-willow-800: #46432d;
--color-young-willow-900: #312e1f;
--color-young-willow-950: #1d1b0f;
}SCSS
$young-willow: #b9b58e;
$young-willow-rgb: 185, 181, 142;
$young-willow-light: mix(#fff, $young-willow, 20%);
$young-willow-dark: mix(#000, $young-willow, 20%);
.element {
color: $young-willow;
box-shadow: 0 0 0 2px rgba($young-willow, 0.35);
}