最接近的命名颜色 · #4C6D6B
#4C6D6B
最接近的命名颜色: Rogue Waters
#4C6D6B（rgb(76 109 107)、hsl(176 18% 36%)、oklch(0.509 0.038 191.3)）最接近命名颜色 Rogue Waters。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4C6D6B
oklch(0.509 0.038 191.3)
颜色转换
- HEX
- #4c6d6b
- RGB
- rgb(76 109 107)
- HSL
- hsl(176 18% 36%)
- HWB
- hwb(176 30% 57%)
- OKLCH
- oklch(0.509 0.038 191.3)
- OKLab
- oklab(0.509 -0.037 -0.007)
- CIE Lab
- lab(43.45 -12.7 -2.92)
- LCH
- lch(43.45 13.04 192.9)
- CMYK
- cmyk(30% 0% 2% 57%)
浅色调 · 深色调 · 灰色调
浅色调
- 5D7B79
- 6E8887
- 7F9795
- 91A5A3
- A2B3B2
- B4C2C1
- C7D1D0
- D9E0E0
- ECF0EF
深色调
- 415E5C
- 364F4E
- 2C413F
- 223332
- 182625
- 0F1918
- 060D0D
- 020404
- 000100
灰色调
- 516F6D
- 57716F
- 5C7371
- 617573
- 677775
- 6C7878
- 717A7A
- 767C7C
- 7B7E7E
配色和谐
互补色 +180°
- 4C6D6B
Rogue Waters
- 7A5D60
≈ Reading Tea Leaves
类似色 -30° +30°
- 4C6D6B
Rogue Waters
- 536D5F
≈ Bridgewater
- 4D6B75
≈ Before the Storm
三角配色 +120° +240°
- 4C6D6B
Rogue Waters
- 6D6076
≈ Promised Amethyst
- 74624E
≈ South Kingston
分裂互补色 +150° +210°
- 4C6D6B
Rogue Waters
- 765D6C
≈ Banished Brown
- 795F55
≈ Secret Journal
四角配色 +90° +180° +270°
- 4C6D6B
Rogue Waters
- 62647C
≈ Purple Daze
- 7A5D60
≈ Reading Tea Leaves
- 6A674D
≈ Hemlock
对比度与无障碍
Ag
AA白底
WCAG 5.66:1 · APCA Lc 78
Ag
Fail黑底
WCAG 3.70:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--rogue-waters: #4c6d6b;
--rogue-waters-rgb: 76 109 107;
--rogue-waters-oklch: oklch(0.509 0.038 191.3);
}
.element {
color: var(--rogue-waters);
background-color: hsl(176 18% 36%);
border-color: oklch(0.509 0.038 191.3);
}Tailwind CSS v4
@theme {
--color-rogue-waters: #4c6d6b;
--color-rogue-waters-50: #e9f9f8;
--color-rogue-waters-100: #daeceb;
--color-rogue-waters-200: #c3dad9;
--color-rogue-waters-300: #a2bebd;
--color-rogue-waters-400: #85a6a4;
--color-rogue-waters-500: #698f8c;
--color-rogue-waters-600: #597977;
--color-rogue-waters-700: #47615f;
--color-rogue-waters-800: #334745;
--color-rogue-waters-900: #233130;
--color-rogue-waters-950: #121d1c;
}SCSS
$rogue-waters: #4c6d6b;
$rogue-waters-rgb: 76, 109, 107;
$rogue-waters-light: mix(#fff, $rogue-waters, 20%);
$rogue-waters-dark: mix(#000, $rogue-waters, 20%);
.element {
color: $rogue-waters;
box-shadow: 0 0 0 2px rgba($rogue-waters, 0.35);
}