Adlandırılmış renk · #88BB00
Environmental Study
Environmental Study, #88BB00: rgb(136 187 0), hsl(76 100% 37%), oklch(0.729 0.187 126.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Environmental Study color name →
#88BB00
oklch(0.729 0.187 126.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 93C23B
- 9FC958
- ABD070
- B6D786
- C2DE9B
- CEE5B0
- DAECC4
- E6F2D7
- F3F9EB
Koyu tonlar
- 75A200
- 638A00
- 527300
- 415C00
- 314600
- 223200
- 131F00
- 060D00
- 010200
Gri tonlar
- 87B52A
- 87B03C
- 86AA4A
- 85A455
- 849E5E
- 839866
- 83926D
- 828C74
- 81867A
Renk uyumları
Tamamlayıcı +180°
- 88BB00
Environmental Study
- C584FF
≈ Grass Pink Orchid
Analog -30° +30°
- 88BB00
Environmental Study
- C2A600
≈ La Vida
- 00C779
≈ Algal Fuel
Üçlü +120° +240°
- 88BB00
Environmental Study
- 4CAEFF
≈ Adamantine Blue
- FF7195
≈ Blush Hour
Bölünmüş tamamlayıcı +150° +210°
- 88BB00
Environmental Study
- 919DFF
≈ Periwinkle Blue
- EE73D2
≈ Lián Hóng Lotus Pink
Dörtlü +90° +180° +270°
- 88BB00
Environmental Study
- 00BADC
≈ Maldives
- C584FF
≈ Grass Pink Orchid
- FF7A54
≈ Rinsed-Out Red
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.15:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
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);
}