命名颜色 · #70859B
Merman
Merman 即 #70859B：rgb(112 133 155)、hsl(211 18% 52%)、oklch(0.608 0.041 249.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Merman color name →
#70859B
oklch(0.608 0.041 249.7)
颜色转换
- HEX
- #70859b
- RGB
- rgb(112 133 155)
- HSL
- hsl(211 18% 52%)
- HWB
- hwb(211 44% 39%)
- OKLCH
- oklch(0.608 0.041 249.7)
- OKLab
- oklab(0.608 -0.014 -0.039)
- CIE Lab
- lab(54.46 -3.88 -14.46)
- LCH
- lch(54.46 14.98 255)
- CMYK
- cmyk(28% 14% 0% 39%)
浅色调 · 深色调 · 灰色调
浅色调
- 7D91A5
- 8B9CAE
- 99A8B8
- A7B4C2
- B5C0CC
- C4CDD6
- D2D9E0
- E1E6EA
- F0F2F5
深色调
- 607386
- 516172
- 43505E
- 35404B
- 273039
- 1A2128
- 0E1318
- 040609
- 010101
灰色调
- 728598
- 738496
- 758493
- 778390
- 78838E
- 7A828B
- 7B8288
- 7D8185
- 7E8183
配色和谐
互补色 +180°
- 70859B
Merman
- 937F68
≈ Weathered Shingle
类似色 -30° +30°
- 70859B
Merman
- 678994
≈ Horizon
- 7D809C
≈ Blue Intrigue
三角配色 +120° +240°
- 70859B
Merman
- 9A797D
≈ Bohemian Jazz
- 7A886E
≈ Winter Hedge
分裂互补色 +150° +210°
- 70859B
Merman
- 997B70
≈ Soft Cocoa
- 888367
≈ Bandicoot
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.80:1 · APCA Lc 66
Ag
AA黑底
WCAG 5.51:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--merman: #70859b;
--merman-rgb: 112 133 155;
--merman-oklch: oklch(0.608 0.041 249.7);
}
.element {
color: var(--merman);
background-color: hsl(211 18% 52%);
border-color: oklch(0.608 0.041 249.7);
}Tailwind CSS v4
@theme {
--color-merman: #70859b;
--color-merman-50: #edf6ff;
--color-merman-100: #dee9f6;
--color-merman-200: #c8d6e6;
--color-merman-300: #a8b9cd;
--color-merman-400: #8ca1b7;
--color-merman-500: #7289a1;
--color-merman-600: #607488;
--color-merman-700: #4d5d6d;
--color-merman-800: #374450;
--color-merman-900: #262f38;
--color-merman-950: #141b22;
}SCSS
$merman: #70859b;
$merman-rgb: 112, 133, 155;
$merman-light: mix(#fff, $merman, 20%);
$merman-dark: mix(#000, $merman, 20%);
.element {
color: $merman;
box-shadow: 0 0 0 2px rgba($merman, 0.35);
}