最接近的命名颜色 · #3E6670
#3E6670
最接近的命名颜色: Mediterranea
#3E6670（rgb(62 102 112)、hsl(192 29% 34%)、oklch(0.485 0.048 215.4)）最接近命名颜色 Mediterranea。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3E6670
oklch(0.485 0.048 215.4)
颜色转换
- HEX
- #3e6670
- RGB
- rgb(62 102 112)
- HSL
- hsl(192 29% 34%)
- HWB
- hwb(192 24% 56%)
- OKLCH
- oklch(0.485 0.048 215.4)
- OKLab
- oklab(0.485 -0.039 -0.028)
- CIE Lab
- lab(40.54 -12.48 -10.34)
- LCH
- lch(40.54 16.21 219.6)
- CMYK
- cmyk(45% 9% 0% 56%)
浅色调 · 深色调 · 灰色调
浅色调
- 50747D
- 63838B
- 769199
- 88A0A7
- 9BB0B5
- AFBFC3
- C2CFD2
- D6DFE1
- EBEFF0
深色调
- 355860
- 2B4A51
- 233C43
- 1A2F35
- 122327
- 0A171A
- 040C0E
- 010404
- 000001
灰色调
- 456972
- 4C6B73
- 536E75
- 5A7177
- 607378
- 67767A
- 6D787B
- 737B7D
- 7A7D7E
配色和谐
互补色 +180°
- 3E6670
Mediterranea
- 77554D
≈ Terrace Brown
类似色 -30° +30°
- 3E6670
Mediterranea
- 3E6863
≈ Seiheki Green
- 486279
≈ Plum Blue
三角配色 +120° +240°
- 3E6670
Mediterranea
- 70556A
≈ Dark Purple Grey
- 675F40
≈ Classic Olive
分裂互补色 +150° +210°
- 3E6670
Mediterranea
- 77545B
≈ Stravinsky Pink
- 725A42
≈ Alpha Male
四角配色 +90° +180° +270°
- 3E6670
Mediterranea
- 655875
≈ Regal Gown
- 77554D
≈ Terrace Brown
- 586446
≈ Gretna Green
对比度与无障碍
Ag
AA白底
WCAG 6.28:1 · APCA Lc 81
Ag
Fail黑底
WCAG 3.33:1 · APCA Lc 21
最佳文字颜色: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--mediterranea: #3e6670;
--mediterranea-rgb: 62 102 112;
--mediterranea-oklch: oklch(0.485 0.048 215.4);
}
.element {
color: var(--mediterranea);
background-color: hsl(192 29% 34%);
border-color: oklch(0.485 0.048 215.4);
}Tailwind CSS v4
@theme {
--color-mediterranea: #3e6670;
--color-mediterranea-50: #e7f9fe;
--color-mediterranea-100: #d7ecf2;
--color-mediterranea-200: #bfdae2;
--color-mediterranea-300: #9dbec8;
--color-mediterranea-400: #7fa6b0;
--color-mediterranea-500: #618f9a;
--color-mediterranea-600: #527982;
--color-mediterranea-700: #426168;
--color-mediterranea-800: #2f474c;
--color-mediterranea-900: #203135;
--color-mediterranea-950: #0f1d20;
}SCSS
$mediterranea: #3e6670;
$mediterranea-rgb: 62, 102, 112;
$mediterranea-light: mix(#fff, $mediterranea, 20%);
$mediterranea-dark: mix(#000, $mediterranea, 20%);
.element {
color: $mediterranea;
box-shadow: 0 0 0 2px rgba($mediterranea, 0.35);
}