最接近的命名颜色 · #748793
#748793
最接近的命名颜色: Stormy Oceans
#748793（rgb(116 135 147)、hsl(203 13% 52%)、oklch(0.612 0.029 235.7)）最接近命名颜色 Stormy Oceans。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#748793
oklch(0.612 0.029 235.7)
颜色转换
- HEX
- #748793
- RGB
- rgb(116 135 147)
- HSL
- hsl(203 13% 52%)
- HWB
- hwb(203 45% 42%)
- OKLCH
- oklch(0.612 0.029 235.7)
- OKLab
- oklab(0.612 -0.016 -0.024)
- CIE Lab
- lab(55.1 -5.05 -8.88)
- LCH
- lch(55.1 10.21 240.4)
- CMYK
- cmyk(21% 8% 0% 42%)
浅色调 · 深色调 · 灰色调
浅色调
- 81929D
- 8E9EA8
- 9CAAB2
- AAB5BD
- B7C1C8
- C5CDD3
- D4DADE
- E2E6E9
- F0F2F4
深色调
- 64757F
- 54636C
- 455159
- 374147
- 293136
- 1B2125
- 0F1316
- 050608
- 010101
灰色调
- 758691
- 77868F
- 78858D
- 79848B
- 7A848A
- 7B8388
- 7D8286
- 7E8184
- 7F8182
配色和谐
互补色 +180°
- 748793
Stormy Oceans
- 928074
≈ Carmel Mission
类似色 -30° +30°
- 748793
Stormy Oceans
- 70898C
≈ Twilight Stroll
- 7C8496
≈ Stowaway
三角配色 +120° +240°
- 748793
Stormy Oceans
- 937D84
≈ Purple Dove
- 838673
≈ Cottage Lattice Green
分裂互补色 +150° +210°
- 748793
Stormy Oceans
- 957E7B
≈ Warplock Bronze Metal
- 8C8371
≈ Hardware
四角配色 +90° +180° +270°
- 748793
Stormy Oceans
- 8D7E8D
≈ Iced Orchid
- 928074
≈ Carmel Mission
- 79897A
≈ Brassica
对比度与无障碍
Ag
Fail白底
WCAG 3.73:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.62:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--stormy-oceans: #748793;
--stormy-oceans-rgb: 116 135 147;
--stormy-oceans-oklch: oklch(0.612 0.029 235.7);
}
.element {
color: var(--stormy-oceans);
background-color: hsl(203 13% 52%);
border-color: oklch(0.612 0.029 235.7);
}Tailwind CSS v4
@theme {
--color-stormy-oceans: #748793;
--color-stormy-oceans-50: #eef7fc;
--color-stormy-oceans-100: #dfeaf0;
--color-stormy-oceans-200: #c9d6df;
--color-stormy-oceans-300: #aabac5;
--color-stormy-oceans-400: #8fa2ad;
--color-stormy-oceans-500: #758a97;
--color-stormy-oceans-600: #637480;
--color-stormy-oceans-700: #4f5d66;
--color-stormy-oceans-800: #39444b;
--color-stormy-oceans-900: #272f34;
--color-stormy-oceans-950: #151c1f;
}SCSS
$stormy-oceans: #748793;
$stormy-oceans-rgb: 116, 135, 147;
$stormy-oceans-light: mix(#fff, $stormy-oceans, 20%);
$stormy-oceans-dark: mix(#000, $stormy-oceans, 20%);
.element {
color: $stormy-oceans;
box-shadow: 0 0 0 2px rgba($stormy-oceans, 0.35);
}