最接近的命名颜色 · #4B727B
#4B727B
最接近的命名颜色: Winter Storm
#4B727B（rgb(75 114 123)、hsl(191 24% 39%)、oklch(0.527 0.046 213.8)）最接近命名颜色 Winter Storm。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4B727B
oklch(0.527 0.046 213.8)
颜色转换
- HEX
- #4b727b
- RGB
- rgb(75 114 123)
- HSL
- hsl(191 24% 39%)
- HWB
- hwb(191 29% 52%)
- OKLCH
- oklch(0.527 0.046 213.8)
- OKLab
- oklab(0.527 -0.038 -0.026)
- CIE Lab
- lab(45.4 -12.4 -9.6)
- LCH
- lch(45.4 15.68 217.8)
- CMYK
- cmyk(39% 7% 0% 52%)
浅色调 · 深色调 · 灰色调
浅色调
- 5C7F87
- 6E8D94
- 7F9AA1
- 91A8AE
- A2B6BB
- B4C4C8
- C7D3D6
- D9E1E3
- ECF0F1
深色调
- 40626A
- 35535A
- 2B444A
- 21363A
- 17282C
- 0E1B1E
- 060E10
- 020405
- 000101
灰色调
- 51737C
- 56757C
- 5C767D
- 61787D
- 67797E
- 6C7B7E
- 717C7F
- 767D7F
- 7B7F80
配色和谐
互补色 +180°
- 4B727B
Winter Storm
- 836159
≈ Smoked Almond
类似色 -30° +30°
- 4B727B
Winter Storm
- 4C746E
≈ Tandayapa Cloud Forest
- 546E84
≈ Blueberry Dream
三角配色 +120° +240°
- 4B727B
Winter Storm
- 7C6176
≈ Chicha Morada
- 736B4C
≈ Olive Grove
分裂互补色 +150° +210°
- 4B727B
Winter Storm
- 826068
≈ Celine
- 7E654F
≈ Otter
四角配色 +90° +180° +270°
- 4B727B
Winter Storm
- 706581
≈ Victorian Iris
- 836159
≈ Smoked Almond
- 657052
≈ French Tarragon
对比度与无障碍
Ag
AA白底
WCAG 5.26:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.99:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--winter-storm: #4b727b;
--winter-storm-rgb: 75 114 123;
--winter-storm-oklch: oklch(0.527 0.046 213.8);
}
.element {
color: var(--winter-storm);
background-color: hsl(191 24% 39%);
border-color: oklch(0.527 0.046 213.8);
}Tailwind CSS v4
@theme {
--color-winter-storm: #4b727b;
--color-winter-storm-50: #e7f9fe;
--color-winter-storm-100: #d8ecf2;
--color-winter-storm-200: #bfdae1;
--color-winter-storm-300: #9ebec6;
--color-winter-storm-400: #80a6af;
--color-winter-storm-500: #628e99;
--color-winter-storm-600: #547981;
--color-winter-storm-700: #436067;
--color-winter-storm-800: #30474c;
--color-winter-storm-900: #203134;
--color-winter-storm-950: #101d20;
}SCSS
$winter-storm: #4b727b;
$winter-storm-rgb: 75, 114, 123;
$winter-storm-light: mix(#fff, $winter-storm, 20%);
$winter-storm-dark: mix(#000, $winter-storm, 20%);
.element {
color: $winter-storm;
box-shadow: 0 0 0 2px rgba($winter-storm, 0.35);
}