最接近的命名颜色 · #1FA8B1
#1FA8B1
最接近的命名颜色: Baltic
#1FA8B1（rgb(31 168 177)、hsl(184 70% 41%)、oklch(0.668 0.108 202)）最接近命名颜色 Baltic。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#1FA8B1
oklch(0.668 0.108 202)
颜色转换
- HEX
- #1fa8b1
- RGB
- rgb(31 168 177)
- HSL
- hsl(184 70% 41%)
- HWB
- hwb(184 12% 31%)
- OKLCH
- oklch(0.668 0.108 202)
- OKLab
- oklab(0.668 -0.1 -0.04)
- CIE Lab
- lab(62.54 -33.17 -15.16)
- LCH
- lch(62.54 36.47 204.6)
- CMYK
- cmyk(82% 5% 0% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- 45B1B9
- 60BAC0
- 76C2C8
- 8CCBD0
- A0D4D8
- B3DCDF
- C6E5E7
- D9EEEF
- ECF6F7
深色调
- 199299
- 147C83
- 0F676C
- 0A5257
- 063F42
- 032C2F
- 011A1C
- 000A0C
- 000101
灰色调
- 36A4AC
- 45A0A7
- 509CA2
- 5A989D
- 629598
- 699193
- 708C8F
- 76888A
- 7B8485
配色和谐
互补色 +180°
- 1FA8B1
Baltic
- CF7977
≈ Hearts Afire
类似色 -30° +30°
- 1FA8B1
Baltic
- 3DAA8D
≈ Zomp
- 43A0CC
≈ Sea Ridge
三角配色 +120° +240°
- 1FA8B1
Baltic
- B47EBC
≈ Colombo Red Mauve
- B68E3E
≈ Mayan Gold
分裂互补色 +150° +210°
- 1FA8B1
Baltic
- C7789C
≈ Dolomite Red
- C98154
≈ Apricot Buff
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.87:1 · APCA Lc 55
Ag
AAA黑底
WCAG 7.29:1 · APCA Lc 47
最佳文字颜色: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
代码片段
CSS
:root {
--baltic: #1fa8b1;
--baltic-rgb: 31 168 177;
--baltic-oklch: oklch(0.668 0.108 202);
}
.element {
color: var(--baltic);
background-color: hsl(184 70% 41%);
border-color: oklch(0.668 0.108 202);
}Tailwind CSS v4
@theme {
--color-baltic: #1fa8b1;
--color-baltic-50: #d2ffff;
--color-baltic-100: #bef3f8;
--color-baltic-200: #9ce2e9;
--color-baltic-300: #6fc8d1;
--color-baltic-400: #3bb1ba;
--color-baltic-500: #009aa5;
--color-baltic-600: #00838b;
--color-baltic-700: #00696f;
--color-baltic-800: #004d51;
--color-baltic-900: #003638;
--color-baltic-950: #002123;
}SCSS
$baltic: #1fa8b1;
$baltic-rgb: 31, 168, 177;
$baltic-light: mix(#fff, $baltic, 20%);
$baltic-dark: mix(#000, $baltic, 20%);
.element {
color: $baltic;
box-shadow: 0 0 0 2px rgba($baltic, 0.35);
}