最接近的命名颜色 · #487093
#487093
最接近的命名颜色: Windsurfing
#487093（rgb(72 112 147)、hsl(208 34% 43%)、oklch(0.53 0.071 246.1)）最接近命名颜色 Windsurfing。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#487093
oklch(0.53 0.071 246.1)
颜色转换
- HEX
- #487093
- RGB
- rgb(72 112 147)
- HSL
- hsl(208 34% 43%)
- HWB
- hwb(208 28% 42%)
- OKLCH
- oklch(0.53 0.071 246.1)
- OKLab
- oklab(0.53 -0.029 -0.065)
- CIE Lab
- lab(45.4 -6.68 -23.84)
- LCH
- lch(45.4 24.76 254.3)
- CMYK
- cmyk(51% 24% 0% 42%)
浅色调 · 深色调 · 灰色调
浅色调
- 5A7E9E
- 6B8BA8
- 7D99B3
- 8FA7BE
- A1B6C9
- B3C4D3
- C6D2DE
- D9E1E9
- ECF0F4
深色调
- 3D607F
- 33516C
- 294359
- 1F3547
- 162736
- 0D1A25
- 060E16
- 020408
- 000101
灰色调
- 4E7291
- 547490
- 5A758E
- 60778C
- 65788A
- 6B7A88
- 707C86
- 757D84
- 7B7F82
配色和谐
互补色 +180°
- 487093
Windsurfing
- 88633E
≈ Cambridge Leather
类似色 -30° +30°
- 487093
Windsurfing
- 347686
≈ Clear Viridian
- 606895
≈ Dark Horizon
三角配色 +120° +240°
- 487093
Windsurfing
- 8F5A65
≈ Cabernet
- 617445
≈ Jolly Green
分裂互补色 +150° +210°
- 487093
Windsurfing
- 905D4F
≈ Sequoia Grove
- 786C39
≈ Garden Weed
四角配色 +90° +180° +270°
- 487093
Windsurfing
- 865C7C
≈ Dusky Purple
- 88633E
≈ Cambridge Leather
- 48785A
≈ Como
对比度与无障碍
Ag
AA白底
WCAG 5.23:1 · APCA Lc 76
Ag
Fail黑底
WCAG 4.01:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--windsurfing: #487093;
--windsurfing-rgb: 72 112 147;
--windsurfing-oklch: oklch(0.53 0.071 246.1);
}
.element {
color: var(--windsurfing);
background-color: hsl(208 34% 43%);
border-color: oklch(0.53 0.071 246.1);
}Tailwind CSS v4
@theme {
--color-windsurfing: #487093;
--color-windsurfing-50: #e6f8ff;
--color-windsurfing-100: #d6ebff;
--color-windsurfing-200: #bdd8f2;
--color-windsurfing-300: #9bbbdb;
--color-windsurfing-400: #7ca3c7;
--color-windsurfing-500: #5e8bb3;
--color-windsurfing-600: #507697;
--color-windsurfing-700: #3f5e79;
--color-windsurfing-800: #2c4559;
--color-windsurfing-900: #1e303f;
--color-windsurfing-950: #0e1c28;
}SCSS
$windsurfing: #487093;
$windsurfing-rgb: 72, 112, 147;
$windsurfing-light: mix(#fff, $windsurfing, 20%);
$windsurfing-dark: mix(#000, $windsurfing, 20%);
.element {
color: $windsurfing;
box-shadow: 0 0 0 2px rgba($windsurfing, 0.35);
}