最接近的命名颜色 · #82AFBE
#82AFBE
最接近的命名颜色: Open Seas
#82AFBE（rgb(130 175 190)、hsl(195 32% 63%)、oklch(0.727 0.053 220.4)）最接近命名颜色 Open Seas。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#82AFBE
oklch(0.727 0.053 220.4)
颜色转换
- HEX
- #82afbe
- RGB
- rgb(130 175 190)
- HSL
- hsl(195 32% 63%)
- HWB
- hwb(195 51% 25%)
- OKLCH
- oklch(0.727 0.053 220.4)
- OKLab
- oklab(0.727 -0.04 -0.034)
- CIE Lab
- lab(68.62 -12.86 -12.83)
- LCH
- lch(68.62 18.16 224.9)
- CMYK
- cmyk(32% 8% 0% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 8EB7C4
- 9BBFCB
- A7C7D1
- B4CFD8
- C0D7DE
- CDDFE5
- D9E7EB
- E6EFF2
- F2F7F8
深色调
- 7098A5
- 5F818C
- 4E6B75
- 3E565E
- 2F4148
- 202E33
- 121C1F
- 060B0D
- 010102
灰色调
- 82AAB8
- 82A6B1
- 82A1AB
- 829CA5
- 82979F
- 829398
- 828E92
- 81898C
- 818586
配色和谐
互补色 +180°
- 82AFBE
Open Seas
- C59C8E
≈ Mahogany Rose
类似色 -30° +30°
- 82AFBE
Open Seas
- 80B2AE
≈ Cold Front Green
- 8EAAC7
≈ Bachelor Blue
三角配色 +120° +240°
- 82AFBE
Open Seas
- BE9AB1
≈ Cherished
- AEA882
≈ Green Grey Mist
分裂互补色 +150° +210°
- 82AFBE
Open Seas
- C59A9F
≈ Rose Meadow
- BCA283
≈ Basketry
四角配色 +90° +180° +270°
- 82AFBE
Open Seas
- B19EC0
≈ Iris Blossom
- C59C8E
≈ Mahogany Rose
- 9CAE8B
≈ Cardoon
对比度与无障碍
Ag
Fail白底
WCAG 2.37:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.82:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--open-seas: #82afbe;
--open-seas-rgb: 130 175 190;
--open-seas-oklch: oklch(0.727 0.053 220.4);
}
.element {
color: var(--open-seas);
background-color: hsl(195 32% 63%);
border-color: oklch(0.727 0.053 220.4);
}Tailwind CSS v4
@theme {
--color-open-seas: #82afbe;
--color-open-seas-50: #e6f9ff;
--color-open-seas-100: #d6ecf5;
--color-open-seas-200: #bddae5;
--color-open-seas-300: #9bbecb;
--color-open-seas-400: #7ca6b4;
--color-open-seas-500: #5e8f9f;
--color-open-seas-600: #507986;
--color-open-seas-700: #3f616b;
--color-open-seas-800: #2d474f;
--color-open-seas-900: #1e3137;
--color-open-seas-950: #0e1d22;
}SCSS
$open-seas: #82afbe;
$open-seas-rgb: 130, 175, 190;
$open-seas-light: mix(#fff, $open-seas, 20%);
$open-seas-dark: mix(#000, $open-seas, 20%);
.element {
color: $open-seas;
box-shadow: 0 0 0 2px rgba($open-seas, 0.35);
}