最接近的命名颜色 · #539E98
#539E98
最接近的命名颜色: Lagoon
#539E98（rgb(83 158 152)、hsl(175 31% 47%)、oklch(0.649 0.076 188.7)）最接近命名颜色 Lagoon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#539E98
oklch(0.649 0.076 188.7)
颜色转换
- HEX
- #539e98
- RGB
- rgb(83 158 152)
- HSL
- hsl(175 31% 47%)
- HWB
- hwb(175 33% 38%)
- OKLCH
- oklch(0.649 0.076 188.7)
- OKLab
- oklab(0.649 -0.075 -0.011)
- CIE Lab
- lab(60.19 -25.55 -4.49)
- LCH
- lch(60.19 25.94 190)
- CMYK
- cmyk(47% 0% 4% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- 66A8A2
- 78B1AC
- 89BBB6
- 9AC4C0
- ABCECA
- BCD8D5
- CCE1DF
- DDEBEA
- EEF5F4
深色调
- 478984
- 3B7470
- 30605C
- 254D4A
- 1B3A38
- 112927
- 081817
- 020908
- 000101
灰色调
- 599B96
- 5F9893
- 659591
- 69928E
- 6E8F8C
- 728C8A
- 768987
- 798685
- 7D8382
配色和谐
互补色 +180°
- 539E98
Lagoon
- B87C85
≈ Fiesta Rojo
类似色 -30° +30°
- 539E98
Lagoon
- 669D7E
≈ Dying Moss
- 559AAE
≈ Starflower Blue
三角配色 +120° +240°
- 539E98
Lagoon
- 9C83B2
≈ Peony Mauve
- AE875C
≈ Autumn
分裂互补色 +150° +210°
- 539E98
Lagoon
- AE7D9F
≈ Antique Hot Pink
- B87F6D
≈ Western Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.12:1 · APCA Lc 58
Ag
AA黑底
WCAG 6.71:1 · APCA Lc 44
最佳文字颜色: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
代码片段
CSS
:root {
--lagoon: #539e98;
--lagoon-rgb: 83 158 152;
--lagoon-oklch: oklch(0.649 0.076 188.7);
}
.element {
color: var(--lagoon);
background-color: hsl(175 31% 47%);
border-color: oklch(0.649 0.076 188.7);
}Tailwind CSS v4
@theme {
--color-lagoon: #539e98;
--color-lagoon-50: #defdfa;
--color-lagoon-100: #ccf0ee;
--color-lagoon-200: #b0dfdc;
--color-lagoon-300: #8ac4c0;
--color-lagoon-400: #67ada7;
--color-lagoon-500: #409690;
--color-lagoon-600: #387f7a;
--color-lagoon-700: #2c6661;
--color-lagoon-800: #1f4b47;
--color-lagoon-900: #143431;
--color-lagoon-950: #061f1d;
}SCSS
$lagoon: #539e98;
$lagoon-rgb: 83, 158, 152;
$lagoon-light: mix(#fff, $lagoon, 20%);
$lagoon-dark: mix(#000, $lagoon, 20%);
.element {
color: $lagoon;
box-shadow: 0 0 0 2px rgba($lagoon, 0.35);
}