이름 색상 · #88BB95
Forest Frolic
Forest Frolic은(는) #88BB95: rgb(136 187 149), hsl(135 27% 63%), oklch(0.746 0.077 152.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Forest Frolic color name →
#88BB95
oklch(0.746 0.077 152.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 94C29F
- A0C9AA
- ACCFB4
- B8D6BE
- C3DDC9
- CFE4D4
- DBEADE
- E7F1E9
- F3F8F4
셰이드
- 75A281
- 638A6D
- 52735A
- 415C48
- 314637
- 223226
- 131F16
- 060D08
- 010201
톤
- 88B593
- 87AF91
- 87A98F
- 86A38D
- 859D8B
- 849789
- 839286
- 828C84
- 818682
색 조화
보색 +180°
- 88BB95
Forest Frolic
- CA9BC2
≈ Clover Pink
유사색 -30° +30°
- 88BB95
Forest Frolic
- A4B57E
≈ Serpentine
- 73BDB0
≈ Mintage
삼각 배색 +120° +240°
- 88BB95
Forest Frolic
- 9BAADE
≈ Aster Flower Blue
- D99B8E
≈ Shanghai Peach
분열 보색 +150° +210°
- 88BB95
Forest Frolic
- B5A1D5
≈ Purple Premiere
- D699A9
≈ Blush Bomb
사각 배색 +90° +180° +270°
- 88BB95
Forest Frolic
- 81B3D9
≈ Dun Morogh Blue
- CA9BC2
≈ Clover Pink
- D0A27A
≈ Golden Beige
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.58:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
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);
}