Nazwany kolor · #BBAA22
Green Flavour
Green Flavour to #BBAA22: rgb(187 170 34), hsl(53 69% 43%), oklch(0.731 0.144 101.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Green Flavour color name →
#BBAA22
oklch(0.731 0.144 101.6)
Konwersje koloru
- HEX
- #bbaa22
- RGB
- rgb(187 170 34)
- HSL
- hsl(53 69% 43%)
- HWB
- hwb(53 13% 27%)
- OKLCH
- oklch(0.731 0.144 101.6)
- OKLab
- oklab(0.731 -0.029 0.141)
- CIE Lab
- lab(69.45 -3.74 65.09)
- LCH
- lch(69.45 65.19 93.3)
- CMYK
- cmyk(0% 9% 82% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1B345
- C8BB5F
- CFC475
- D5CC8A
- DCD59E
- E3DDB2
- EAE6C5
- F1EED9
- F8F7EC
Odcienie ciemniejsze
- A2931C
- 8A7D16
- 736811
- 5C530B
- 463F07
- 322D03
- 1F1B01
- 0D0B00
- 020100
Tony
- B5A636
- AFA244
- A99E4F
- A39A59
- 9D9661
- 979168
- 918D6F
- 8B8975
- 86847B
Harmonie kolorów
Komplementarna +180°
- BBAA22
Green Flavour
- 9A9BFF
≈ Cobalite
Analogowa -30° +30°
- BBAA22
Green Flavour
- DF9729
≈ Treacle Fudge
- 86BA54
≈ Makin It Rain
Triada +120° +240°
- BBAA22
Green Flavour
- 00BAE4
≈ Maldives
- E481C2
≈ Fuchsia Blush
Komplementarna rozszczepiona +150° +210°
- BBAA22
Green Flavour
- 5EACFF
≈ Joust Blue
- C68CE9
≈ Luminous Lavender
Tetrada +90° +180° +270°
- BBAA22
Green Flavour
- 00C0BC
≈ Cala Benirrás Blue
- 9A9BFF
≈ Cobalite
- F47E90
≈ Xoxo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.36:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.88:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.88:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-flavour: #bbaa22;
--green-flavour-rgb: 187 170 34;
--green-flavour-oklch: oklch(0.731 0.144 101.6);
}
.element {
color: var(--green-flavour);
background-color: hsl(53 69% 43%);
border-color: oklch(0.731 0.144 101.6);
}Tailwind CSS v4
@theme {
--color-green-flavour: #bbaa22;
--color-green-flavour-50: #fcf8c8;
--color-green-flavour-100: #f0ebb3;
--color-green-flavour-200: #ded88e;
--color-green-flavour-300: #c4bb5e;
--color-green-flavour-400: #b0a022;
--color-green-flavour-500: #9b8700;
--color-green-flavour-600: #837300;
--color-green-flavour-700: #695c00;
--color-green-flavour-800: #4f4200;
--color-green-flavour-900: #372e00;
--color-green-flavour-950: #221a00;
}SCSS
$green-flavour: #bbaa22;
$green-flavour-rgb: 187, 170, 34;
$green-flavour-light: mix(#fff, $green-flavour, 20%);
$green-flavour-dark: mix(#000, $green-flavour, 20%);
.element {
color: $green-flavour;
box-shadow: 0 0 0 2px rgba($green-flavour, 0.35);
}