이름 색상 · #98F6B0
Tenacious Tentacles
Tenacious Tentacles은(는) #98F6B0: rgb(152 246 176), hsl(135 84% 78%), oklch(0.897 0.132 151.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Tenacious Tentacles color name →
#98F6B0
oklch(0.897 0.132 151.2)
색상 변환
- HEX
- #98f6b0
- RGB
- rgb(152 246 176)
- HSL
- hsl(135 84% 78%)
- HWB
- hwb(135 60% 4%)
- OKLCH
- oklch(0.897 0.132 151.2)
- OKLab
- oklab(0.897 -0.116 0.064)
- CIE Lab
- lab(89.71 -40 24.64)
- LCH
- lch(89.71 46.99 148.4)
- CMYK
- cmyk(38% 0% 28% 4%)
틴트 · 셰이드 · 톤
틴트
- A4F7B8
- AFF8C0
- BAF9C8
- C4FAD0
- CFFBD8
- D9FCE0
- E2FDE8
- ECFEEF
- F6FEF7
셰이드
- 84D699
- 70B782
- 5C986C
- 4A7B56
- 385F42
- 27452E
- 172C1C
- 08150B
- 010301
톤
- 97EAAB
- 95DEA7
- 94D2A2
- 91C69D
- 8FBA98
- 8DAE94
- 8AA28F
- 87978A
- 848B85
색 조화
보색 +180°
- 98F6B0
Tenacious Tentacles
- FFC9F7
≈ Kissed by Mist
유사색 -30° +30°
- 98F6B0
Tenacious Tentacles
- D0EB84
≈ Sulu
- 63F9E2
≈ Icy Life
삼각 배색 +120° +240°
- 98F6B0
Tenacious Tentacles
- D0DCFF
≈ Arc Light
- FFD0C7
≈ Snow Pa
분열 보색 +150° +210°
- 98F6B0
Tenacious Tentacles
- E3D4FF
≈ Pale Lavender
- FFCEDA
≈ Bologna Sausage
사각 배색 +90° +180° +270°
- 98F6B0
Tenacious Tentacles
- BDE2FF
≈ Dithered Sky
- FFC9F7
≈ Kissed by Mist
- FFD3B0
≈ Papaya Whip
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.14:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--tenacious-tentacles: #98f6b0;
--tenacious-tentacles-rgb: 152 246 176;
--tenacious-tentacles-oklch: oklch(0.897 0.132 151.2);
}
.element {
color: var(--tenacious-tentacles);
background-color: hsl(135 84% 78%);
border-color: oklch(0.897 0.132 151.2);
}Tailwind CSS v4
@theme {
--color-tenacious-tentacles: #98f6b0;
--color-tenacious-tentacles-50: #daffe4;
--color-tenacious-tentacles-100: #c7f5d3;
--color-tenacious-tentacles-200: #a9e5ba;
--color-tenacious-tentacles-300: #80cb97;
--color-tenacious-tentacles-400: #5db476;
--color-tenacious-tentacles-500: #2f9e57;
--color-tenacious-tentacles-600: #2a864a;
--color-tenacious-tentacles-700: #226b3b;
--color-tenacious-tentacles-800: #1a4f28;
--color-tenacious-tentacles-900: #11371b;
--color-tenacious-tentacles-950: #03210b;
}SCSS
$tenacious-tentacles: #98f6b0;
$tenacious-tentacles-rgb: 152, 246, 176;
$tenacious-tentacles-light: mix(#fff, $tenacious-tentacles, 20%);
$tenacious-tentacles-dark: mix(#000, $tenacious-tentacles, 20%);
.element {
color: $tenacious-tentacles;
box-shadow: 0 0 0 2px rgba($tenacious-tentacles, 0.35);
}