最接近的命名颜色 · #97D3E1
#97D3E1
最接近的命名颜色: Infinity Pool
#97D3E1（rgb(151 211 225)、hsl(191 55% 74%)、oklch(0.831 0.064 213.8)）最接近命名颜色 Infinity Pool。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#97D3E1
oklch(0.831 0.064 213.8)
颜色转换
- HEX
- #97d3e1
- RGB
- rgb(151 211 225)
- HSL
- hsl(191 55% 74%)
- HWB
- hwb(191 59% 12%)
- OKLCH
- oklch(0.831 0.064 213.8)
- OKLab
- oklab(0.831 -0.053 -0.036)
- CIE Lab
- lab(80.82 -17.37 -13.44)
- LCH
- lch(80.82 21.96 217.7)
- CMYK
- cmyk(33% 6% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- A2D7E4
- ADDCE7
- B7E0EA
- C2E5ED
- CCE9F0
- D6EEF3
- E1F2F6
- EBF6F9
- F5FBFC
深色调
- 83B7C4
- 6F9CA7
- 5C828B
- 496970
- 375156
- 263A3E
- 172427
- 081012
- 010202
灰色调
- 95CAD7
- 93C2CD
- 91BAC3
- 8FB1B9
- 8DA9AF
- 8BA1A6
- 88989C
- 869093
- 838889
配色和谐
互补色 +180°
- 97D3E1
Infinity Pool
- EEB9AD
≈ Carnation Coral
类似色 -30° +30°
- 97D3E1
Infinity Pool
- 98D6CC
≈ Aqua Glow
- A4CDEF
≈ Sail
三角配色 +120° +240°
- 97D3E1
Infinity Pool
- E2B9D9
≈ Sweetie Pie
- D5C798
≈ Parsnip
分裂互补色 +150° +210°
- 97D3E1
Infinity Pool
- EDB7C3
≈ Chantilly
- E6BF9D
≈ Bronze Sand
四角配色 +90° +180° +270°
- 97D3E1
Infinity Pool
- D0BEEA
≈ York Plum
- EEB9AD
≈ Carnation Coral
- BFCFA1
≈ Spumoni Green
对比度与无障碍
Ag
Fail白底
WCAG 1.65:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.72:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--infinity-pool: #97d3e1;
--infinity-pool-rgb: 151 211 225;
--infinity-pool-oklch: oklch(0.831 0.064 213.8);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 55% 74%);
border-color: oklch(0.831 0.064 213.8);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #97d3e1;
--color-infinity-pool-50: #e2faff;
--color-infinity-pool-100: #d1eef6;
--color-infinity-pool-200: #b6dce6;
--color-infinity-pool-300: #92c0cc;
--color-infinity-pool-400: #71a9b6;
--color-infinity-pool-500: #5091a0;
--color-infinity-pool-600: #447b87;
--color-infinity-pool-700: #36626c;
--color-infinity-pool-800: #26484f;
--color-infinity-pool-900: #193237;
--color-infinity-pool-950: #0a1e22;
}SCSS
$infinity-pool: #97d3e1;
$infinity-pool-rgb: 151, 211, 225;
$infinity-pool-light: mix(#fff, $infinity-pool, 20%);
$infinity-pool-dark: mix(#000, $infinity-pool, 20%);
.element {
color: $infinity-pool;
box-shadow: 0 0 0 2px rgba($infinity-pool, 0.35);
}