가장 가까운 이름 색상 · #175F27
#175F27
가장 가까운 이름 색상: Woodland Wonder
#175F27(rgb(23 95 39), hsl(133 61% 23%), oklch(0.428 0.112 147.1))와 가장 가까운 이름 색상은 Woodland Wonder입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#175F27
oklch(0.428 0.112 147.1)
색상 변환
- HEX
- #175f27
- RGB
- rgb(23 95 39)
- HSL
- hsl(133 61% 23%)
- HWB
- hwb(133 9% 63%)
- OKLCH
- oklch(0.428 0.112 147.1)
- OKLab
- oklab(0.428 -0.094 0.061)
- CIE Lab
- lab(35.04 -32.66 25.06)
- LCH
- lch(35.04 41.16 142.5)
- CMYK
- cmyk(76% 0% 59% 63%)
틴트 · 셰이드 · 톤
틴트
- 326E3C
- 4A7E50
- 608D65
- 769D79
- 8CAD8F
- A3BDA4
- B9CDBA
- D0DED1
- E7EEE8
셰이드
- 125220
- 0E441A
- 0A3814
- 062C0E
- 042008
- 021504
- 010A02
- 000301
- 000000
톤
- 266331
- 33663A
- 3E6A43
- 486D4C
- 527054
- 5B745D
- 657766
- 6E7A6F
- 777D77
색 조화
보색 +180°
- 175F27
Woodland Wonder
- 6E366F
≈ Eminence
유사색 -30° +30°
- 175F27
Woodland Wonder
- 4C5600
≈ Highlands Moss
- 005D4E
≈ Alpine Green
삼각 배색 +120° +240°
- 175F27
Woodland Wonder
- 344B8C
≈ Blue Highlight
- 82322C
≈ Dockside Red
분열 보색 +150° +210°
- 175F27
Woodland Wonder
- 573F84
≈ Harvest Night
- 7D3050
≈ Flirt
사각 배색 +90° +180° +270°
- 175F27
Woodland Wonder
- 00567C
≈ Real Mccoy
- 6E366F
≈ Eminence
- 783E00
≈ Hazelnut Chocolate
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.77:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.70:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--woodland-wonder: #175f27;
--woodland-wonder-rgb: 23 95 39;
--woodland-wonder-oklch: oklch(0.428 0.112 147.1);
}
.element {
color: var(--woodland-wonder);
background-color: hsl(133 61% 23%);
border-color: oklch(0.428 0.112 147.1);
}Tailwind CSS v4
@theme {
--color-woodland-wonder: #175f27;
--color-woodland-wonder-50: #e0ffe4;
--color-woodland-wonder-100: #cff3d4;
--color-woodland-wonder-200: #b3e2ba;
--color-woodland-wonder-300: #8fc898;
--color-woodland-wonder-400: #70b177;
--color-woodland-wonder-500: #4d9a58;
--color-woodland-wonder-600: #42824b;
--color-woodland-wonder-700: #35683c;
--color-woodland-wonder-800: #274c29;
--color-woodland-wonder-900: #1a351b;
--color-woodland-wonder-950: #0a200c;
}SCSS
$woodland-wonder: #175f27;
$woodland-wonder-rgb: 23, 95, 39;
$woodland-wonder-light: mix(#fff, $woodland-wonder, 20%);
$woodland-wonder-dark: mix(#000, $woodland-wonder, 20%);
.element {
color: $woodland-wonder;
box-shadow: 0 0 0 2px rgba($woodland-wonder, 0.35);
}