最接近的命名颜色 · #00524E
#00524E
最接近的命名颜色: Cape Verde
#00524E（rgb(0 82 78)、hsl(177 100% 16%)、oklch(0.396 0.069 189.1)）最接近命名颜色 Cape Verde。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00524E
oklch(0.396 0.069 189.1)
颜色转换
- HEX
- #00524e
- RGB
- rgb(0 82 78)
- HSL
- hsl(177 100% 16%)
- HWB
- hwb(177 0% 68%)
- OKLCH
- oklch(0.396 0.069 189.1)
- OKLab
- oklab(0.396 -0.068 -0.011)
- CIE Lab
- lab(30.67 -23.29 -4.21)
- LCH
- lch(30.67 23.67 190.2)
- CMYK
- cmyk(100% 0% 5% 68%)
浅色调 · 深色调 · 灰色调
浅色调
- 26625E
- 40726E
- 58837F
- 6F9490
- 86A5A2
- 9EB6B4
- B5C8C6
- CEDAD9
- E6ECEC
深色调
- 004643
- 003B38
- 002F2D
- 002523
- 001A19
- 00110F
- 000807
- 000202
- 000000
灰色调
- 195753
- 295B58
- 35605D
- 416562
- 4C6966
- 576E6C
- 617271
- 6C7776
- 767B7B
配色和谐
互补色 +180°
- 00524E
Cape Verde
- 66363F
≈ Velvet Cape
类似色 -30° +30°
- 00524E
Cape Verde
- 205239
≈ Kaitoke Green
- 084F5F
≈ Sandalwood Grey Blue
三角配色 +120° +240°
- 00524E
Cape Verde
- 513C62
≈ Mulberry Purple
- 5E3F19
≈ Hippogriff Brown
分裂互补色 +150° +210°
- 00524E
Cape Verde
- 5F3753
≈ Bruised Bear
- 66392A
≈ In Caffeine We Trust
四角配色 +90° +180° +270°
- 00524E
Cape Verde
- 3F426B
≈ Gloomy Blue
- 66363F
≈ Velvet Cape
- 504715
≈ Sugarloaf Brown
对比度与无障碍
Ag
AAA白底
WCAG 9.06:1 · APCA Lc 90
Ag
Fail黑底
WCAG 2.31:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--cape-verde: #00524e;
--cape-verde-rgb: 0 82 78;
--cape-verde-oklch: oklch(0.396 0.069 189.1);
}
.element {
color: var(--cape-verde);
background-color: hsl(177 100% 16%);
border-color: oklch(0.396 0.069 189.1);
}Tailwind CSS v4
@theme {
--color-cape-verde: #00524e;
--color-cape-verde-50: #e0fcfa;
--color-cape-verde-100: #cff0ed;
--color-cape-verde-200: #b4dedb;
--color-cape-verde-300: #8fc3c0;
--color-cape-verde-400: #6daca7;
--color-cape-verde-500: #4a958f;
--color-cape-verde-600: #407e79;
--color-cape-verde-700: #336561;
--color-cape-verde-800: #244a46;
--color-cape-verde-900: #183331;
--color-cape-verde-950: #081f1d;
}SCSS
$cape-verde: #00524e;
$cape-verde-rgb: 0, 82, 78;
$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);
}