Adlandırılmış renk · #88BB95
Forest Frolic
Forest Frolic, #88BB95: rgb(136 187 149), hsl(135 27% 63%), oklch(0.746 0.077 152.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Forest Frolic color name →
#88BB95
oklch(0.746 0.077 152.1)
Renk dönüşümleri
- HEX
- #88bb95
- RGB
- rgb(136 187 149)
- HSL
- hsl(135 27% 63%)
- HWB
- hwb(135 53% 27%)
- OKLCH
- oklch(0.746 0.077 152.1)
- OKLab
- oklab(0.746 -0.068 0.036)
- CIE Lab
- lab(71.5 -23.33 13.68)
- LCH
- lch(71.5 27.05 149.6)
- CMYK
- cmyk(27% 0% 20% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 94C29F
- A0C9AA
- ACCFB4
- B8D6BE
- C3DDC9
- CFE4D4
- DBEADE
- E7F1E9
- F3F8F4
Koyu tonlar
- 75A281
- 638A6D
- 52735A
- 415C48
- 314637
- 223226
- 131F16
- 060D08
- 010201
Gri tonlar
- 88B593
- 87AF91
- 87A98F
- 86A38D
- 859D8B
- 849789
- 839286
- 828C84
- 818682
Renk uyumları
Tamamlayıcı +180°
- 88BB95
Forest Frolic
- CA9BC2
≈ Clover Pink
Analog -30° +30°
- 88BB95
Forest Frolic
- A4B57E
≈ Serpentine
- 73BDB0
≈ Mintage
Üçlü +120° +240°
- 88BB95
Forest Frolic
- 9BAADE
≈ Aster Flower Blue
- D99B8E
≈ Shanghai Peach
Bölünmüş tamamlayıcı +150° +210°
- 88BB95
Forest Frolic
- B5A1D5
≈ Purple Premiere
- D699A9
≈ Blush Bomb
Dörtlü +90° +180° +270°
- 88BB95
Forest Frolic
- 81B3D9
≈ Dun Morogh Blue
- CA9BC2
≈ Clover Pink
- D0A27A
≈ Golden Beige
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.19:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.58:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--forest-frolic: #88bb95;
--forest-frolic-rgb: 136 187 149;
--forest-frolic-oklch: oklch(0.746 0.077 152.1);
}
.element {
color: var(--forest-frolic);
background-color: hsl(135 27% 63%);
border-color: oklch(0.746 0.077 152.1);
}Tailwind CSS v4
@theme {
--color-forest-frolic: #88bb95;
--color-forest-frolic-50: #e5fceb;
--color-forest-frolic-100: #d5f0dd;
--color-forest-frolic-200: #bcdec6;
--color-forest-frolic-300: #99c3a6;
--color-forest-frolic-400: #7cac88;
--color-forest-frolic-500: #5e956d;
--color-forest-frolic-600: #507e5d;
--color-forest-frolic-700: #40654a;
--color-forest-frolic-800: #2e4a34;
--color-forest-frolic-900: #1f3324;
--color-forest-frolic-950: #0f1f12;
}SCSS
$forest-frolic: #88bb95;
$forest-frolic-rgb: 136, 187, 149;
$forest-frolic-light: mix(#fff, $forest-frolic, 20%);
$forest-frolic-dark: mix(#000, $forest-frolic, 20%);
.element {
color: $forest-frolic;
box-shadow: 0 0 0 2px rgba($forest-frolic, 0.35);
}