命名颜色 · #58A0BC
Dupain
Dupain 即 #58A0BC：rgb(88 160 188)、hsl(197 43% 54%)、oklch(0.67 0.083 225.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Dupain color name →
#58A0BC
oklch(0.67 0.083 225.5)
颜色转换
- HEX
- #58a0bc
- RGB
- rgb(88 160 188)
- HSL
- hsl(197 43% 54%)
- HWB
- hwb(197 35% 26%)
- OKLCH
- oklch(0.67 0.083 225.5)
- OKLab
- oklab(0.67 -0.058 -0.059)
- CIE Lab
- lab(62.02 -17.5 -21.89)
- LCH
- lch(62.02 28.03 231.4)
- CMYK
- cmyk(53% 15% 0% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- 6AA9C3
- 7BB3CA
- 8CBCD0
- 9DC6D7
- ADCFDE
- BDD9E4
- CEE2EB
- DEECF2
- EFF5F8
深色调
- 4B8BA3
- 3F768B
- 336173
- 284E5D
- 1D3B47
- 122932
- 09191F
- 03090D
- 000102
灰色调
- 5E9DB6
- 639AB0
- 6897AA
- 6C94A4
- 70909E
- 748D98
- 778A92
- 7A878C
- 7D8386
配色和谐
互补色 +180°
- 58A0BC
Dupain
- C0856A
≈ Clay Ground
类似色 -30° +30°
- 58A0BC
Dupain
- 4FA5A5
≈ Twilight Meadow
- 7398C8
≈ Razee
三角配色 +120° +240°
- 58A0BC
Dupain
- BB80A0
≈ Opera Mauve
- 9C985A
≈ Stem
分裂互补色 +150° +210°
- 58A0BC
Dupain
- C38084
≈ Old Rose
- B38E59
≈ Breadstick
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.92:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.16:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--dupain: #58a0bc;
--dupain-rgb: 88 160 188;
--dupain-oklch: oklch(0.67 0.083 225.5);
}
.element {
color: var(--dupain);
background-color: hsl(197 43% 54%);
border-color: oklch(0.67 0.083 225.5);
}Tailwind CSS v4
@theme {
--color-dupain: #58a0bc;
--color-dupain-50: #ddfbff;
--color-dupain-100: #cceefe;
--color-dupain-200: #b0dcf0;
--color-dupain-300: #8ac0d9;
--color-dupain-400: #65a9c4;
--color-dupain-500: #3f91b0;
--color-dupain-600: #377b95;
--color-dupain-700: #2b6377;
--color-dupain-800: #1d4957;
--color-dupain-900: #13323d;
--color-dupain-950: #051e27;
}SCSS
$dupain: #58a0bc;
$dupain-rgb: 88, 160, 188;
$dupain-light: mix(#fff, $dupain, 20%);
$dupain-dark: mix(#000, $dupain, 20%);
.element {
color: $dupain;
box-shadow: 0 0 0 2px rgba($dupain, 0.35);
}