가장 가까운 이름 색상 · #009C92
#009C92
가장 가까운 이름 색상: Green Dynasty
#009C92(rgb(0 156 146), hsl(176 100% 31%), oklch(0.624 0.109 186.8))와 가장 가까운 이름 색상은 Green Dynasty입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#009C92
oklch(0.624 0.109 186.8)
색상 변환
- HEX
- #009c92
- RGB
- rgb(0 156 146)
- HSL
- hsl(176 100% 31%)
- HWB
- hwb(176 0% 39%)
- OKLCH
- oklch(0.624 0.109 186.8)
- OKLab
- oklab(0.624 -0.108 -0.013)
- CIE Lab
- lab(57.63 -37.48 -5.11)
- LCH
- lch(57.63 37.82 187.8)
- CMYK
- cmyk(100% 0% 6% 39%)
틴트 · 셰이드 · 톤
틴트
- 39A69C
- 56B0A7
- 6EBAB2
- 85C4BC
- 9ACDC7
- AED7D2
- C3E1DD
- D7EBE8
- EBF5F4
셰이드
- 00877E
- 00736B
- 005F58
- 004C46
- 003935
- 002825
- 001816
- 000908
- 000101
톤
- 299990
- 3B978E
- 48948D
- 53918B
- 5D8F89
- 658C87
- 6D8985
- 748684
- 7A8382
색 조화
보색 +180°
- 009C92
Green Dynasty
- BE6A7C
≈ Pink Manhattan
유사색 -30° +30°
- 009C92
Green Dynasty
- 479B6C
≈ Solitary Tree
- 0E97B2
≈ Tropical Lagoon
삼각 배색 +120° +240°
- 009C92
Green Dynasty
- 9875BB
≈ Purple Pride
- B37937
≈ Durian
분열 보색 +150° +210°
- 009C92
Green Dynasty
- B16D9F
≈ Mulberry Bush
- BF6E57
≈ Before Winter
사각 배색 +90° +180° +270°
- 009C92
Green Dynasty
- 7780C8
≈ Twilight Twinkle
- BE6A7C
≈ Pink Manhattan
- 9A872E
≈ Green Sulphur
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.40:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.17:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.17:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--green-dynasty: #009c92;
--green-dynasty-rgb: 0 156 146;
--green-dynasty-oklch: oklch(0.624 0.109 186.8);
}
.element {
color: var(--green-dynasty);
background-color: hsl(176 100% 31%);
border-color: oklch(0.624 0.109 186.8);
}Tailwind CSS v4
@theme {
--color-green-dynasty: #009c92;
--color-green-dynasty-50: #d3fffb;
--color-green-dynasty-100: #bff4ef;
--color-green-dynasty-200: #9de4dd;
--color-green-dynasty-300: #70cac2;
--color-green-dynasty-400: #3fb3a9;
--color-green-dynasty-500: #009d92;
--color-green-dynasty-600: #00847b;
--color-green-dynasty-700: #006a63;
--color-green-dynasty-800: #004e47;
--color-green-dynasty-900: #003631;
--color-green-dynasty-950: #00211d;
}SCSS
$green-dynasty: #009c92;
$green-dynasty-rgb: 0, 156, 146;
$green-dynasty-light: mix(#fff, $green-dynasty, 20%);
$green-dynasty-dark: mix(#000, $green-dynasty, 20%);
.element {
color: $green-dynasty;
box-shadow: 0 0 0 2px rgba($green-dynasty, 0.35);
}