가장 가까운 이름 색상 · #175B52
#175B52
가장 가까운 이름 색상: Cape Verde
#175B52(rgb(23 91 82), hsl(172 60% 22%), oklch(0.427 0.068 182.3))와 가장 가까운 이름 색상은 Cape Verde입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#175B52
oklch(0.427 0.068 182.3)
색상 변환
- HEX
- #175b52
- RGB
- rgb(23 91 82)
- HSL
- hsl(172 60% 22%)
- HWB
- hwb(172 9% 64%)
- OKLCH
- oklch(0.427 0.068 182.3)
- OKLab
- oklab(0.427 -0.068 -0.003)
- CIE Lab
- lab(34.4 -23.5 -1.2)
- LCH
- lch(34.4 23.53 182.9)
- CMYK
- cmyk(75% 0% 10% 64%)
틴트 · 셰이드 · 톤
틴트
- 336A62
- 4A7A72
- 608A82
- 769A93
- 8CAAA4
- A3BAB6
- B9CBC8
- D0DCDA
- E7EEEC
셰이드
- 124E46
- 0E413B
- 0A352F
- 062925
- 041E1A
- 021311
- 010908
- 000302
- 000000
톤
- 265F56
- 33635B
- 3E665F
- 486A64
- 526E69
- 5B716D
- 657572
- 6E7977
- 777C7B
색 조화
보색 +180°
- 175B52
Cape Verde
- 6E3F4C
≈ Chilled Wine
유사색 -30° +30°
- 175B52
Cape Verde
- 305A3D
≈ Ficus
- 145965
≈ Baltic Trench
삼각 배색 +120° +240°
- 175B52
Cape Verde
- 56466E
≈ Purple Feather
- 694625
≈ Kobicha
분열 보색 +150° +210°
- 175B52
Cape Verde
- 65415F
≈ Royal Plum
- 6F4137
≈ Rich Chocolate
사각 배색 +90° +180° +270°
- 175B52
Cape Verde
- 424C74
≈ Takaka
- 6E3F4C
≈ Chilled Wine
- 5C4E1F
≈ Bronze Olive
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.91:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.65:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.91:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--cape-verde: #175b52;
--cape-verde-rgb: 23 91 82;
--cape-verde-oklch: oklch(0.427 0.068 182.3);
}
.element {
color: var(--cape-verde);
background-color: hsl(172 60% 22%);
border-color: oklch(0.427 0.068 182.3);
}Tailwind CSS v4
@theme {
--color-cape-verde: #175b52;
--color-cape-verde-50: #e1fcf7;
--color-cape-verde-100: #d0f0ea;
--color-cape-verde-200: #b5ded7;
--color-cape-verde-300: #91c3bb;
--color-cape-verde-400: #70aca2;
--color-cape-verde-500: #4e958a;
--color-cape-verde-600: #437e75;
--color-cape-verde-700: #35655d;
--color-cape-verde-800: #264a43;
--color-cape-verde-900: #19332e;
--color-cape-verde-950: #091f1b;
}SCSS
$cape-verde: #175b52;
$cape-verde-rgb: 23, 91, 82;
$cape-verde-light: mix(#fff, $cape-verde, 20%);
$cape-verde-dark: mix(#000, $cape-verde, 20%);
.element {
color: $cape-verde;
box-shadow: 0 0 0 2px rgba($cape-verde, 0.35);
}