命名颜色 · #2B6C8E
Ocean Call
Ocean Call 即 #2B6C8E：rgb(43 108 142)、hsl(201 54% 36%)、oklch(0.505 0.085 234.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Ocean Call color name →
#2B6C8E
oklch(0.505 0.085 234.9)
颜色转换
- HEX
- #2b6c8e
- RGB
- rgb(43 108 142)
- HSL
- hsl(201 54% 36%)
- HWB
- hwb(201 17% 44%)
- OKLCH
- oklch(0.505 0.085 234.9)
- OKLab
- oklab(0.505 -0.049 -0.069)
- CIE Lab
- lab(42.65 -12.56 -25.23)
- LCH
- lch(42.65 28.18 243.5)
- CMYK
- cmyk(70% 24% 0% 44%)
浅色调 · 深色调 · 灰色调
浅色调
- 427A99
- 5888A4
- 6C97B0
- 81A5BB
- 95B4C6
- AAC2D1
- BFD1DD
- D4E0E8
- E9F0F4
深色调
- 245D7B
- 1D4E68
- 164056
- 103244
- 0A2534
- 051924
- 020D15
- 010407
- 000001
灰色调
- 366E8D
- 40708C
- 49738A
- 527589
- 5A7788
- 627986
- 6A7B85
- 717C83
- 797E82
配色和谐
互补色 +180°
- 2B6C8E
Ocean Call
- 8A5732
≈ Burnt Crust
类似色 -30° +30°
- 2B6C8E
Ocean Call
- 07727C
≈ Night Scape
- 4D6395
≈ Dutch Blue
三角配色 +120° +240°
- 2B6C8E
Ocean Call
- 8A4F67
≈ Raspberry Crush
- 636A2D
≈ Heavy Khaki
分裂互补色 +150° +210°
- 2B6C8E
Ocean Call
- 8F504C
≈ Moroccan Ruby
- 7B6024
≈ Brassy Brass
四角配色 +90° +180° +270°
- 2B6C8E
Ocean Call
- 7D537F
≈ Birthstone
- 8A5732
≈ Burnt Crust
- 447146
≈ Under the Radar
对比度与无障碍
Ag
AA白底
WCAG 5.77:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.63:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--ocean-call: #2b6c8e;
--ocean-call-rgb: 43 108 142;
--ocean-call-oklch: oklch(0.505 0.085 234.9);
}
.element {
color: var(--ocean-call);
background-color: hsl(201 54% 36%);
border-color: oklch(0.505 0.085 234.9);
}Tailwind CSS v4
@theme {
--color-ocean-call: #2b6c8e;
--color-ocean-call-50: #dffaff;
--color-ocean-call-100: #ceedff;
--color-ocean-call-200: #b3daf4;
--color-ocean-call-300: #8ebfde;
--color-ocean-call-400: #6ba7c9;
--color-ocean-call-500: #478fb6;
--color-ocean-call-600: #3d799a;
--color-ocean-call-700: #31617b;
--color-ocean-call-800: #21475b;
--color-ocean-call-900: #163140;
--color-ocean-call-950: #071d29;
}SCSS
$ocean-call: #2b6c8e;
$ocean-call-rgb: 43, 108, 142;
$ocean-call-light: mix(#fff, $ocean-call, 20%);
$ocean-call-dark: mix(#000, $ocean-call, 20%);
.element {
color: $ocean-call;
box-shadow: 0 0 0 2px rgba($ocean-call, 0.35);
}