Warna bernama · #BBEE00
Lush Green
Lush Green adalah #BBEE00: rgb(187 238 0), hsl(73 100% 47%), oklch(0.881 0.218 123.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Lush Green color name →
#BBEE00
oklch(0.881 0.218 123.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C2F045
- C8F364
- CFF57D
- D5F792
- DCF8A6
- E3FAB9
- EAFBCB
- F1FDDD
- F8FEEE
Shade
- A2CF00
- 8AB100
- 739300
- 5C7700
- 465C00
- 324200
- 1F2A00
- 0D1400
- 020300
Tone
- B5E332
- AFD847
- A9CD54
- A3C25F
- 9DB767
- 97AC6E
- 91A174
- 8B9679
- 868B7D
Harmoni warna
Komplementer +180°
- BBEE00
Lush Green
- E2CDFF
≈ Lens Flare Pink
Analog -30° +30°
- BBEE00
Lush Green
- FFD410
≈ Cyber Yellow
- 2EFF93
≈ Green Gas
Triadik +120° +240°
- BBEE00
Lush Green
- B5DDFF
≈ Broad Daylight
- FFC6D3
≈ Sweet Serenade
Split-komplementer +150° +210°
- BBEE00
Lush Green
- CBD6FF
≈ Pale Phthalo Blue
- FFC1F2
≈ Pink Quartz
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.36:1 · APCA Lc 18
Ag
AAADi atas hitam
WCAG 15.34:1 · APCA Lc 86
Warna teks terbaik: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
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);
}