가장 가까운 이름 색상 · #0CB092
#0CB092
가장 가까운 이름 색상: Hobgoblin
#0CB092(rgb(12 176 146), hsl(169 87% 37%), oklch(0.677 0.127 174.5))와 가장 가까운 이름 색상은 Hobgoblin입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#0CB092
oklch(0.677 0.127 174.5)
색상 변환
- HEX
- #0cb092
- RGB
- rgb(12 176 146)
- HSL
- hsl(169 87% 37%)
- HWB
- hwb(169 5% 31%)
- OKLCH
- oklch(0.677 0.127 174.5)
- OKLab
- oklab(0.677 -0.126 0.012)
- CIE Lab
- lab(64.12 -44.55 4.26)
- LCH
- lch(64.12 44.75 174.5)
- CMYK
- cmyk(93% 0% 17% 31%)
틴트 · 셰이드 · 톤
틴트
- 40B89C
- 5DC0A7
- 75C8B2
- 8AD0BC
- 9FD8C7
- B3E0D2
- C6E8DD
- D9F0E8
- ECF7F4
셰이드
- 09997E
- 06826B
- 046C58
- 035646
- 024235
- 012E25
- 001C16
- 000B08
- 000101
톤
- 2FAB90
- 41A78E
- 4EA28D
- 589D8B
- 619989
- 699487
- 708F85
- 768A84
- 7B8582
색 조화
보색 +180°
- 0CB092
Hobgoblin
- D3749C
≈ Camellia Pink
유사색 -30° +30°
- 0CB092
Hobgoblin
- 62AB64
≈ Algae
- 00ABB8
≈ Bluebird
삼각 배색 +120° +240°
- 0CB092
Hobgoblin
- 9D86DD
≈ Perrywinkle
- D28044
≈ Topaz
분열 보색 +150° +210°
- 0CB092
Hobgoblin
- BE7BC3
≈ Lavender Sweater
- DA7670
≈ Red Cedar
사각 배색 +90° +180° +270°
- 0CB092
Hobgoblin
- 7095E5
≈ Guilliman Blue
- D3749C
≈ Camellia Pink
- BB9027
≈ Nugget
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.74:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.64:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.64:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--hobgoblin: #0cb092;
--hobgoblin-rgb: 12 176 146;
--hobgoblin-oklch: oklch(0.677 0.127 174.5);
}
.element {
color: var(--hobgoblin);
background-color: hsl(169 87% 37%);
border-color: oklch(0.677 0.127 174.5);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #0cb092;
--color-hobgoblin-50: #d0fff4;
--color-hobgoblin-100: #bcf6e7;
--color-hobgoblin-200: #98e6d3;
--color-hobgoblin-300: #68cdb5;
--color-hobgoblin-400: #31b699;
--color-hobgoblin-500: #00a081;
--color-hobgoblin-600: #00876d;
--color-hobgoblin-700: #006d57;
--color-hobgoblin-800: #00503e;
--color-hobgoblin-900: #00382a;
--color-hobgoblin-950: #002218;
}SCSS
$hobgoblin: #0cb092;
$hobgoblin-rgb: 12, 176, 146;
$hobgoblin-light: mix(#fff, $hobgoblin, 20%);
$hobgoblin-dark: mix(#000, $hobgoblin, 20%);
.element {
color: $hobgoblin;
box-shadow: 0 0 0 2px rgba($hobgoblin, 0.35);
}