Warna bernama · #00BB00
Green Glimmer
Green Glimmer adalah #00BB00: rgb(0 187 0), hsl(120 100% 37%), oklch(0.686 0.234 142.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Green Glimmer color name →
#00BB00
oklch(0.686 0.234 142.5)
Konversi warna
- HEX
- #00bb00
- RGB
- rgb(0 187 0)
- HSL
- hsl(120 100% 37%)
- HWB
- hwb(120 0% 27%)
- OKLCH
- oklch(0.686 0.234 142.5)
- OKLab
- oklab(0.686 -0.185 0.142)
- CIE Lab
- lab(66.23 -62.79 64.15)
- LCH
- lch(66.23 89.77 134.4)
- CMYK
- cmyk(100% 0% 100% 27%)
Tint · Shade · Tone
Tint
- 3EC338
- 5BCA55
- 74D16D
- 8AD883
- 9EDF99
- B2E6AD
- C6EDC2
- D9F3D6
- ECF9EB
Shade
- 00A200
- 008A00
- 007300
- 005C00
- 004600
- 003200
- 001F00
- 000D00
- 000200
Tone
- 2CB628
- 3FB03A
- 4DAA47
- 58A552
- 619F5C
- 699964
- 6F936C
- 758D73
- 7B877A
Harmoni warna
Komplementer +180°
- 00BB00
Green Glimmer
- DA5AEC
≈ Clematis Magenta
Analog -30° +30°
- 00BB00
Green Glimmer
- 9CA300
≈ Fistfull of Green
- 00B492
≈ Aloha
Triadik +120° +240°
- 00BB00
Green Glimmer
- 6196FF
≈ Blue Chaos
- FF585D
≈ Fluorescent Red
Split-komplementer +150° +210°
- 00BB00
Green Glimmer
- A080FF
≈ Forgotten Purple
- FD46A8
≈ Barbie Pink
Tetradik +90° +180° +270°
- 00BB00
Green Glimmer
- 00A8E2
≈ Huelveño Horizon
- DA5AEC
≈ Clematis Magenta
- EB7400
≈ Thai Mango
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.58:1 · APCA Lc 50
Ag
AAADi atas hitam
WCAG 8.10:1 · APCA Lc 52
Warna teks terbaik: #000000
WCAG 8.10:1 (AAA) · APCA Lc 52
Contrast pairs
Cuplikan kode
CSS
:root {
--green-glimmer: #00bb00;
--green-glimmer-rgb: 0 187 0;
--green-glimmer-oklch: oklch(0.686 0.234 142.5);
}
.element {
color: var(--green-glimmer);
background-color: hsl(120 100% 37%);
border-color: oklch(0.686 0.234 142.5);
}Tailwind CSS v4
@theme {
--color-green-glimmer: #00bb00;
--color-green-glimmer-50: #ccffcc;
--color-green-glimmer-100: #b7fdb7;
--color-green-glimmer-200: #92ee93;
--color-green-glimmer-300: #5ed565;
--color-green-glimmer-400: #29be24;
--color-green-glimmer-500: #00a800;
--color-green-glimmer-600: #008e00;
--color-green-glimmer-700: #007200;
--color-green-glimmer-800: #005300;
--color-green-glimmer-900: #003a00;
--color-green-glimmer-950: #002400;
}SCSS
$green-glimmer: #00bb00;
$green-glimmer-rgb: 0, 187, 0;
$green-glimmer-light: mix(#fff, $green-glimmer, 20%);
$green-glimmer-dark: mix(#000, $green-glimmer, 20%);
.element {
color: $green-glimmer;
box-shadow: 0 0 0 2px rgba($green-glimmer, 0.35);
}