가장 가까운 이름 색상 · #00BB92
#00BB92
가장 가까운 이름 색상: Slime Girl
#00BB92(rgb(0 187 146), hsl(167 100% 37%), oklch(0.704 0.14 169.8))와 가장 가까운 이름 색상은 Slime Girl입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00BB92
oklch(0.704 0.14 169.8)
색상 변환
- HEX
- #00bb92
- RGB
- rgb(0 187 146)
- HSL
- hsl(167 100% 37%)
- HWB
- hwb(167 0% 27%)
- OKLCH
- oklch(0.704 0.14 169.8)
- OKLab
- oklab(0.704 -0.138 0.025)
- CIE Lab
- lab(67.55 -48.93 9.1)
- LCH
- lch(67.55 49.76 169.5)
- CMYK
- cmyk(100% 0% 22% 27%)
틴트 · 셰이드 · 톤
틴트
- 40C29C
- 5EC9A7
- 76D0B2
- 8CD7BC
- A1DEC7
- B4E5D2
- C7EBDD
- DAF2E8
- EDF8F4
셰이드
- 00A27E
- 008A6B
- 007358
- 005C46
- 004635
- 003225
- 001F16
- 000D08
- 000201
톤
- 2EB590
- 41AF8E
- 4FAA8D
- 5AA48B
- 639E89
- 6A9887
- 719285
- 768C84
- 7C8682
색 조화
보색 +180°
- 00BB92
Slime Girl
- DF79AC
≈ Pinking. Fast and Slow
유사색 -30° +30°
- 00BB92
Slime Girl
- 6EB55E
≈ Palm Tree
- 00B6BD
≈ Cyan Sky
삼각 배색 +120° +240°
- 00BB92
Slime Girl
- 9F8FF0
≈ Perrywinkle
- E48349
≈ Muskmelon
분열 보색 +150° +210°
- 00BB92
Slime Girl
- C681D6
≈ Purception
- EA797B
≈ Siesta Rose
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.52:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--slime-girl: #00bb92;
--slime-girl-rgb: 0 187 146;
--slime-girl-oklch: oklch(0.704 0.14 169.8);
}
.element {
color: var(--slime-girl);
background-color: hsl(167 100% 37%);
border-color: oklch(0.704 0.14 169.8);
}Tailwind CSS v4
@theme {
--color-slime-girl: #00bb92;
--color-slime-girl-50: #cefff0;
--color-slime-girl-100: #b9f8e2;
--color-slime-girl-200: #94e8cd;
--color-slime-girl-300: #61cfaf;
--color-slime-girl-400: #20b891;
--color-slime-girl-500: #00a277;
--color-slime-girl-600: #008965;
--color-slime-girl-700: #006e51;
--color-slime-girl-800: #005139;
--color-slime-girl-900: #003827;
--color-slime-girl-950: #002315;
}SCSS
$slime-girl: #00bb92;
$slime-girl-rgb: 0, 187, 146;
$slime-girl-light: mix(#fff, $slime-girl, 20%);
$slime-girl-dark: mix(#000, $slime-girl, 20%);
.element {
color: $slime-girl;
box-shadow: 0 0 0 2px rgba($slime-girl, 0.35);
}