最接近的命名颜色 · #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);
}