Nazwany kolor · #BBEE88
Green Day
Green Day to #BBEE88: rgb(187 238 136), hsl(90 75% 73%), oklch(0.891 0.141 130.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Day color name →
#BBEE88
oklch(0.891 0.141 130.5)
Konwersje koloru
- HEX
- #bbee88
- RGB
- rgb(187 238 136)
- HSL
- hsl(90 75% 73%)
- HWB
- hwb(90 53% 7%)
- OKLCH
- oklch(0.891 0.141 130.5)
- OKLab
- oklab(0.891 -0.092 0.107)
- CIE Lab
- lab(88.85 -29.57 43.68)
- LCH
- lch(88.85 52.75 124.1)
- CMYK
- cmyk(21% 0% 43% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2F095
- C9F2A2
- CFF4AE
- D6F6BA
- DDF7C6
- E4F9D2
- EBFBDD
- F1FCE8
- F8FEF4
Odcienie ciemniejsze
- A2CF75
- 8AB163
- 739352
- 5C7741
- 465C31
- 324222
- 1F2A13
- 0D1406
- 020301
Tony
- B5E388
- AFD788
- A9CC88
- A3C188
- 9DB687
- 97AB86
- 92A085
- 8C9584
- 868B82
Harmonie kolorów
Komplementarna +180°
- BBEE88
Green Day
- EACEFF
≈ Rose Dragée
Analogowa -30° +30°
- BBEE88
Green Day
- F0DD65
≈ Pollination
- 7CF8BC
≈ Green Epiphany
Triada +120° +240°
- BBEE88
Green Day
- C1DFFF
≈ Dithered Sky
- FFCCD2
≈ Fruit Bowl
Komplementarna rozszczepiona +150° +210°
- BBEE88
Green Day
- D4D8FF
≈ Icy Plains
- FFC8EB
≈ Soulmate Pink
Tetrada +90° +180° +270°
- BBEE88
Green Day
- A1E8FF
≈ Fresh Air
- EACEFF
≈ Rose Dragée
- FFCFBD
≈ Vienna Sausage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.69:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.69:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-day: #bbee88;
--green-day-rgb: 187 238 136;
--green-day-oklch: oklch(0.891 0.141 130.5);
}
.element {
color: var(--green-day);
background-color: hsl(90 75% 73%);
border-color: oklch(0.891 0.141 130.5);
}Tailwind CSS v4
@theme {
--color-green-day: #bbee88;
--color-green-day-50: #e6fed5;
--color-green-day-100: #d6f3c2;
--color-green-day-200: #bde2a3;
--color-green-day-300: #9cc77a;
--color-green-day-400: #81af50;
--color-green-day-500: #65981f;
--color-green-day-600: #56801e;
--color-green-day-700: #446718;
--color-green-day-800: #334b0b;
--color-green-day-900: #233407;
--color-green-day-950: #121f00;
}SCSS
$green-day: #bbee88;
$green-day-rgb: 187, 238, 136;
$green-day-light: mix(#fff, $green-day, 20%);
$green-day-dark: mix(#000, $green-day, 20%);
.element {
color: $green-day;
box-shadow: 0 0 0 2px rgba($green-day, 0.35);
}