Nazwany kolor · #BECA60
Wild Willow
Wild Willow to #BECA60: rgb(190 202 96), hsl(67 50% 58%), oklch(0.808 0.132 114.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Wild Willow color name →
#BECA60
oklch(0.808 0.132 114.7)
Konwersje koloru
- HEX
- #beca60
- RGB
- rgb(190 202 96)
- HSL
- hsl(67 50% 58%)
- HWB
- hwb(67 38% 21%)
- OKLCH
- oklch(0.808 0.132 114.7)
- OKLab
- oklab(0.808 -0.055 0.119)
- CIE Lab
- lab(78.76 -15.29 50.57)
- LCH
- lch(78.76 52.83 106.8)
- CMYK
- cmyk(6% 0% 52% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4D072
- CAD584
- D1DA94
- D7E0A4
- DEE5B3
- E4EAC3
- EBF0D2
- F1F5E1
- F8FAF0
Odcienie ciemniejsze
- A5AF52
- 8C9545
- 757C38
- 5E642C
- 484D20
- 333715
- 1F220A
- 0D0F03
- 020200
Tony
- B7C366
- B1BB6A
- ABB46F
- A4AC72
- 9EA575
- 989D78
- 92967B
- 8C8F7D
- 86877F
Harmonie kolorów
Komplementarna +180°
- BECA60
Wild Willow
- C5B3FF
≈ Teasel Dipsacus
Analogowa -30° +30°
- BECA60
Wild Willow
- E7B951
≈ Ronchi
- 88D78A
≈ Leek
Triada +120° +240°
- BECA60
Wild Willow
- 70CCFF
≈ Bubbly Barracuda
- FF9EC5
≈ Himalayan Balsam
Komplementarna rozszczepiona +150° +210°
- BECA60
Wild Willow
- A2C0FF
≈ Pastel Blue
- EBA2EF
≈ VIC 20 Pink
Tetrada +90° +180° +270°
- BECA60
Wild Willow
- 29D8E8
≈ Thousand Sons Blue
- C5B3FF
≈ Teasel Dipsacus
- FFA49D
≈ Pink Dream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.80:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--wild-willow: #beca60;
--wild-willow-rgb: 190 202 96;
--wild-willow-oklch: oklch(0.808 0.132 114.7);
}
.element {
color: var(--wild-willow);
background-color: hsl(67 50% 58%);
border-color: oklch(0.808 0.132 114.7);
}Tailwind CSS v4
@theme {
--color-wild-willow: #beca60;
--color-wild-willow-50: #f2fbd0;
--color-wild-willow-100: #e4eebd;
--color-wild-willow-200: #d0dc9b;
--color-wild-willow-300: #b3c070;
--color-wild-willow-400: #9da743;
--color-wild-willow-500: #858f00;
--color-wild-willow-600: #707900;
--color-wild-willow-700: #5a6102;
--color-wild-willow-800: #434600;
--color-wild-willow-900: #2e3101;
--color-wild-willow-950: #1b1d00;
}SCSS
$wild-willow: #beca60;
$wild-willow-rgb: 190, 202, 96;
$wild-willow-light: mix(#fff, $wild-willow, 20%);
$wild-willow-dark: mix(#000, $wild-willow, 20%);
.element {
color: $wild-willow;
box-shadow: 0 0 0 2px rgba($wild-willow, 0.35);
}