最接近的命名颜色 · #00688A
#00688A
最接近的命名颜色: Copacabana
#00688A（rgb(0 104 138)、hsl(195 100% 27%)、oklch(0.484 0.096 229.5)）最接近命名颜色 Copacabana。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00688A
oklch(0.484 0.096 229.5)
颜色转换
- HEX
- #00688a
- RGB
- rgb(0 104 138)
- HSL
- hsl(195 100% 27%)
- HWB
- hwb(195 0% 46%)
- OKLCH
- oklch(0.484 0.096 229.5)
- OKLab
- oklab(0.484 -0.062 -0.073)
- CIE Lab
- lab(40.35 -16.36 -26.48)
- LCH
- lch(40.35 31.13 238.3)
- CMYK
- cmyk(100% 25% 0% 46%)
浅色调 · 深色调 · 灰色调
浅色调
- 2D7796
- 4885A1
- 5F94AD
- 76A3B8
- 8DB2C4
- A3C1D0
- BAD0DC
- D1E0E7
- E8EFF3
深色调
- 005977
- 004B65
- 003E53
- 003042
- 002432
- 001822
- 000C14
- 000407
- 000001
灰色调
- 1E6B89
- 2F6D89
- 3C7088
- 477287
- 527586
- 5C7785
- 657A84
- 6E7C83
- 777E81
配色和谐
互补色 +180°
- 00688A
Copacabana
- 894D29
≈ Chestnut Glaze
类似色 -30° +30°
- 00688A
Copacabana
- 006C71
≈ Deep Lake
- 3D5F95
≈ Portuguese Blue
三角配色 +120° +240°
- 00688A
Copacabana
- 864667
≈ Grand Poobah
- 636315
≈ Greenish Brown
分裂互补色 +150° +210°
- 00688A
Copacabana
- 8D4648
≈ Rhubarb Smoothie
- 7B570C
≈ Autumn Leaf Brown
四角配色 +90° +180° +270°
- 00688A
Copacabana
- 764C81
≈ Lilac Violet
- 894D29
≈ Chestnut Glaze
- 406C35
≈ Tree Shade
对比度与无障碍
Ag
AA白底
WCAG 6.27:1 · APCA Lc 81
Ag
Fail黑底
WCAG 3.34:1 · APCA Lc 21
最佳文字颜色: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--copacabana: #00688a;
--copacabana-rgb: 0 104 138;
--copacabana-oklch: oklch(0.484 0.096 229.5);
}
.element {
color: var(--copacabana);
background-color: hsl(195 100% 27%);
border-color: oklch(0.484 0.096 229.5);
}Tailwind CSS v4
@theme {
--color-copacabana: #00688a;
--color-copacabana-50: #dbfbff;
--color-copacabana-100: #c9eeff;
--color-copacabana-200: #abdcf6;
--color-copacabana-300: #84c1e0;
--color-copacabana-400: #5da9cc;
--color-copacabana-500: #3192b9;
--color-copacabana-600: #2c7b9c;
--color-copacabana-700: #23637d;
--color-copacabana-800: #15495c;
--color-copacabana-900: #0e3241;
--color-copacabana-950: #011e29;
}SCSS
$copacabana: #00688a;
$copacabana-rgb: 0, 104, 138;
$copacabana-light: mix(#fff, $copacabana, 20%);
$copacabana-dark: mix(#000, $copacabana, 20%);
.element {
color: $copacabana;
box-shadow: 0 0 0 2px rgba($copacabana, 0.35);
}