Nazwany kolor · #88BB00
Environmental Study
Environmental Study to #88BB00: rgb(136 187 0), hsl(76 100% 37%), oklch(0.729 0.187 126.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Environmental Study color name →
#88BB00
oklch(0.729 0.187 126.7)
Konwersje koloru
- HEX
- #88bb00
- RGB
- rgb(136 187 0)
- HSL
- hsl(76 100% 37%)
- HWB
- hwb(76 0% 27%)
- OKLCH
- oklch(0.729 0.187 126.7)
- OKLab
- oklab(0.729 -0.112 0.15)
- CIE Lab
- lab(70.25 -33.43 69.28)
- LCH
- lch(70.25 76.92 115.8)
- CMYK
- cmyk(27% 0% 100% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93C23B
- 9FC958
- ABD070
- B6D786
- C2DE9B
- CEE5B0
- DAECC4
- E6F2D7
- F3F9EB
Odcienie ciemniejsze
- 75A200
- 638A00
- 527300
- 415C00
- 314600
- 223200
- 131F00
- 060D00
- 010200
Tony
- 87B52A
- 87B03C
- 86AA4A
- 85A455
- 849E5E
- 839866
- 83926D
- 828C74
- 81867A
Harmonie kolorów
Komplementarna +180°
- 88BB00
Environmental Study
- C584FF
≈ Grass Pink Orchid
Analogowa -30° +30°
- 88BB00
Environmental Study
- C2A600
≈ La Vida
- 00C779
≈ Algal Fuel
Triada +120° +240°
- 88BB00
Environmental Study
- 4CAEFF
≈ Adamantine Blue
- FF7195
≈ Blush Hour
Komplementarna rozszczepiona +150° +210°
- 88BB00
Environmental Study
- 919DFF
≈ Periwinkle Blue
- EE73D2
≈ Lián Hóng Lotus Pink
Tetrada +90° +180° +270°
- 88BB00
Environmental Study
- 00BADC
≈ Maldives
- C584FF
≈ Grass Pink Orchid
- FF7A54
≈ Rinsed-Out Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.15:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--environmental-study: #88bb00;
--environmental-study-rgb: 136 187 0;
--environmental-study-oklch: oklch(0.729 0.187 126.7);
}
.element {
color: var(--environmental-study);
background-color: hsl(76 100% 37%);
border-color: oklch(0.729 0.187 126.7);
}Tailwind CSS v4
@theme {
--color-environmental-study: #88bb00;
--color-environmental-study-50: #e5ffc7;
--color-environmental-study-100: #d5f5b2;
--color-environmental-study-200: #bce48c;
--color-environmental-study-300: #9ac95b;
--color-environmental-study-400: #81b109;
--color-environmental-study-500: #659a00;
--color-environmental-study-600: #568200;
--color-environmental-study-700: #446800;
--color-environmental-study-800: #344c00;
--color-environmental-study-900: #233500;
--color-environmental-study-950: #122000;
}SCSS
$environmental-study: #88bb00;
$environmental-study-rgb: 136, 187, 0;
$environmental-study-light: mix(#fff, $environmental-study, 20%);
$environmental-study-dark: mix(#000, $environmental-study, 20%);
.element {
color: $environmental-study;
box-shadow: 0 0 0 2px rgba($environmental-study, 0.35);
}