命名颜色 · #658498
Tambua Bay
Tambua Bay 即 #658498：rgb(101 132 152)、hsl(204 20% 50%)、oklch(0.597 0.047 236.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Tambua Bay color name →
#658498
oklch(0.597 0.047 236.9)
颜色转换
- HEX
- #658498
- RGB
- rgb(101 132 152)
- HSL
- hsl(204 20% 50%)
- HWB
- hwb(204 40% 40%)
- OKLCH
- oklch(0.597 0.047 236.9)
- OKLab
- oklab(0.597 -0.026 -0.039)
- CIE Lab
- lab(53.32 -7.57 -14.53)
- LCH
- lch(53.32 16.38 242.5)
- CMYK
- cmyk(34% 13% 0% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- 7490A2
- 829CAC
- 91A8B6
- A1B4C0
- B0C0CB
- BFCCD5
- CFD9DF
- DFE5EA
- EFF2F4
深色调
- 577284
- 496070
- 3C4F5C
- 2F3F4A
- 222F38
- 172027
- 0C1217
- 030608
- 000101
灰色调
- 688496
- 6B8393
- 6E8391
- 70838F
- 73828C
- 76828A
- 788187
- 7B8185
- 7E8082
配色和谐
互补色 +180°
- 658498
Tambua Bay
- 957964
≈ True Walnut
类似色 -30° +30°
- 658498
Tambua Bay
- 5E888D
≈ Dusty Turquoise
- 737F9C
≈ Country Blue
三角配色 +120° +240°
- 658498
Tambua Bay
- 977480
≈ Dusk Wine
- 7D8364
≈ Flax Smoke
分裂互补色 +150° +210°
- 658498
Tambua Bay
- 997570
≈ Reddish Grey
- 8B7E5F
≈ Fingerpaint
四角配色 +90° +180° +270°
- 658498
Tambua Bay
- 8F768E
≈ Self Powered
- 957964
≈ True Walnut
- 6D876F
≈ Thyme and Place
对比度与无障碍
Ag
Fail白底
WCAG 3.95:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.30:1 · APCA Lc 35
最佳文字颜色: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
代码片段
CSS
:root {
--tambua-bay: #658498;
--tambua-bay-rgb: 101 132 152;
--tambua-bay-oklch: oklch(0.597 0.047 236.9);
}
.element {
color: var(--tambua-bay);
background-color: hsl(204 20% 50%);
border-color: oklch(0.597 0.047 236.9);
}Tailwind CSS v4
@theme {
--color-tambua-bay: #658498;
--color-tambua-bay-50: #eaf7ff;
--color-tambua-bay-100: #daebf6;
--color-tambua-bay-200: #c3d8e6;
--color-tambua-bay-300: #a2bbcd;
--color-tambua-bay-400: #85a3b7;
--color-tambua-bay-500: #698ba2;
--color-tambua-bay-600: #597689;
--color-tambua-bay-700: #475e6d;
--color-tambua-bay-800: #334550;
--color-tambua-bay-900: #223038;
--color-tambua-bay-950: #111c23;
}SCSS
$tambua-bay: #658498;
$tambua-bay-rgb: 101, 132, 152;
$tambua-bay-light: mix(#fff, $tambua-bay, 20%);
$tambua-bay-dark: mix(#000, $tambua-bay, 20%);
.element {
color: $tambua-bay;
box-shadow: 0 0 0 2px rgba($tambua-bay, 0.35);
}