命名颜色 · #7FC3E1
Undercool
Undercool 即 #7FC3E1：rgb(127 195 225)、hsl(198 62% 69%)、oklch(0.783 0.081 227.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Undercool color name →
#7FC3E1
oklch(0.783 0.081 227.7)
颜色转换
- HEX
- #7fc3e1
- RGB
- rgb(127 195 225)
- HSL
- hsl(198 62% 69%)
- HWB
- hwb(198 50% 12%)
- OKLCH
- oklch(0.783 0.081 227.7)
- OKLab
- oklab(0.783 -0.054 -0.06)
- CIE Lab
- lab(75.08 -16.48 -22.17)
- LCH
- lch(75.08 27.62 233.4)
- CMYK
- cmyk(44% 13% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- 8DC9E4
- 9ACFE7
- A7D5EA
- B4DBED
- C0E1F0
- CDE7F3
- DAEDF6
- E6F3F9
- F3F9FC
深色调
- 6EA9C4
- 5D90A7
- 4C788B
- 3C6070
- 2D4A56
- 1F343E
- 112027
- 060E12
- 010202
灰色调
- 80BCD7
- 81B5CD
- 82AFC3
- 82A8B9
- 82A1B0
- 829BA6
- 82949C
- 818D93
- 818789
配色和谐
互补色 +180°
- 7FC3E1
Undercool
- E4A98B
≈ Rose Tattoo
类似色 -30° +30°
- 7FC3E1
Undercool
- 76C9CB
≈ Tropical Splash
- 98BAEC
≈ Blue Shutters
三角配色 +120° +240°
- 7FC3E1
Undercool
- E0A4C2
≈ Think Pink
- BDBD7F
≈ Krieg Khaki
分裂互补色 +150° +210°
- 7FC3E1
Undercool
- E8A4A5
≈ Perennial Phlox
- D5B27D
≈ Barley
四角配色 +90° +180° +270°
- 7FC3E1
Undercool
- CEA8DA
≈ Favourite Lavender
- E4A98B
≈ Rose Tattoo
- 9FC592
≈ Cos
对比度与无障碍
Ag
Fail白底
WCAG 1.94:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.79:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--undercool: #7fc3e1;
--undercool-rgb: 127 195 225;
--undercool-oklch: oklch(0.783 0.081 227.7);
}
.element {
color: var(--undercool);
background-color: hsl(198 62% 69%);
border-color: oklch(0.783 0.081 227.7);
}Tailwind CSS v4
@theme {
--color-undercool: #7fc3e1;
--color-undercool-50: #dffaff;
--color-undercool-100: #cdeefe;
--color-undercool-200: #b2dcf0;
--color-undercool-300: #8cc0d9;
--color-undercool-400: #69a8c4;
--color-undercool-500: #4491b0;
--color-undercool-600: #3b7a95;
--color-undercool-700: #2f6277;
--color-undercool-800: #1f4858;
--color-undercool-900: #15323d;
--color-undercool-950: #061e27;
}SCSS
$undercool: #7fc3e1;
$undercool-rgb: 127, 195, 225;
$undercool-light: mix(#fff, $undercool, 20%);
$undercool-dark: mix(#000, $undercool, 20%);
.element {
color: $undercool;
box-shadow: 0 0 0 2px rgba($undercool, 0.35);
}