Nazwany kolor · #BBEE00
Lush Green
Lush Green to #BBEE00: rgb(187 238 0), hsl(73 100% 47%), oklch(0.881 0.218 123.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lush Green color name →
#BBEE00
oklch(0.881 0.218 123.9)
Konwersje koloru
- HEX
- #bbee00
- RGB
- rgb(187 238 0)
- HSL
- hsl(73 100% 47%)
- HWB
- hwb(73 0% 7%)
- OKLCH
- oklch(0.881 0.218 123.9)
- OKLab
- oklab(0.881 -0.122 0.181)
- CIE Lab
- lab(88.14 -35.22 84.01)
- LCH
- lch(88.14 91.1 112.7)
- CMYK
- cmyk(21% 0% 100% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2F045
- C8F364
- CFF57D
- D5F792
- DCF8A6
- E3FAB9
- EAFBCB
- F1FDDD
- F8FEEE
Odcienie ciemniejsze
- A2CF00
- 8AB100
- 739300
- 5C7700
- 465C00
- 324200
- 1F2A00
- 0D1400
- 020300
Tony
- B5E332
- AFD847
- A9CD54
- A3C25F
- 9DB767
- 97AC6E
- 91A174
- 8B9679
- 868B7D
Harmonie kolorów
Komplementarna +180°
- BBEE00
Lush Green
- E2CDFF
≈ Lens Flare Pink
Analogowa -30° +30°
- BBEE00
Lush Green
- FFD410
≈ Cyber Yellow
- 2EFF93
≈ Green Gas
Triada +120° +240°
- BBEE00
Lush Green
- B5DDFF
≈ Broad Daylight
- FFC6D3
≈ Sweet Serenade
Komplementarna rozszczepiona +150° +210°
- BBEE00
Lush Green
- CBD6FF
≈ Pale Phthalo Blue
- FFC1F2
≈ Pink Quartz
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.34:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--lush-green: #bbee00;
--lush-green-rgb: 187 238 0;
--lush-green-oklch: oklch(0.881 0.218 123.9);
}
.element {
color: var(--lush-green);
background-color: hsl(73 100% 47%);
border-color: oklch(0.881 0.218 123.9);
}Tailwind CSS v4
@theme {
--color-lush-green: #bbee00;
--color-lush-green-50: #e6ffbd;
--color-lush-green-100: #d6f6a5;
--color-lush-green-200: #bde57a;
--color-lush-green-300: #9cca3a;
--color-lush-green-400: #85b100;
--color-lush-green-500: #6a9900;
--color-lush-green-600: #5a8200;
--color-lush-green-700: #486800;
--color-lush-green-800: #374c00;
--color-lush-green-900: #263500;
--color-lush-green-950: #142000;
}SCSS
$lush-green: #bbee00;
$lush-green-rgb: 187, 238, 0;
$lush-green-light: mix(#fff, $lush-green, 20%);
$lush-green-dark: mix(#000, $lush-green, 20%);
.element {
color: $lush-green;
box-shadow: 0 0 0 2px rgba($lush-green, 0.35);
}