命名颜色 · #E0FFFF
Light Cyan
Light Cyan 即 #E0FFFF：rgb(224 255 255)、hsl(180 100% 94%)、oklch(0.978 0.032 196.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Light Cyan color name →
#E0FFFF
oklch(0.978 0.032 196.6)
颜色转换
- HEX
- #e0ffff
- RGB
- rgb(224 255 255)
- HSL
- hsl(180 100% 94%)
- HWB
- hwb(180 88% 0%)
- OKLCH
- oklch(0.978 0.032 196.6)
- OKLab
- oklab(0.978 -0.031 -0.009)
- CIE Lab
- lab(97.77 -10.35 -3.56)
- LCH
- lch(97.77 10.95 199)
- CMYK
- cmyk(12% 0% 0% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- E3FFFF
- E6FFFF
- EAFFFF
- EDFFFF
- F0FFFF
- F3FFFF
- F6FFFF
- F9FFFF
- FCFFFF
深色调
- C3DEDE
- A6BEBE
- 8A9E9E
- 708080
- 566363
- 3E4848
- 272E2E
- 121616
- 020303
灰色调
- D6F2F2
- CCE4E4
- C2D7D7
- B9CACA
- AFBEBE
- A5B1B1
- 9CA4A4
- 939898
- 898C8C
配色和谐
互补色 +180°
- E0FFFF
Light Cyan
- FFF5F5
≈ Sea Salt Sherbet
类似色 -30° +30°
- E0FFFF
Light Cyan
- E5FFF3
≈ Mint Chiffon
- EFFAFF
≈ Alice Blue
三角配色 +120° +240°
- E0FFFF
Light Cyan
- FCF5FF
≈ Sugar Crystal
- FFF6EA
≈ Apricot Ice
分裂互补色 +150° +210°
- E0FFFF
Light Cyan
- FFF4F9
≈ Sea Salt Sherbet
- FFF6F1
≈ Seashell
四角配色 +90° +180° +270°
- E0FFFF
Light Cyan
- F7F7FF
≈ Ghost White
- FFF5F5
≈ Sea Salt Sherbet
- FAFAE1
≈ Coconut Pulp
对比度与无障碍
Ag
Fail白底
WCAG 1.05:1 · APCA Lc 0
Ag
AAA黑底
WCAG 19.91:1 · APCA Lc 104
最佳文字颜色: #000000
WCAG 19.91:1 (AAA) · APCA Lc 104
Contrast pairs
代码片段
CSS
:root {
--light-cyan: #e0ffff;
--light-cyan-rgb: 224 255 255;
--light-cyan-oklch: oklch(0.978 0.032 196.6);
}
.element {
color: var(--light-cyan);
background-color: hsl(180 100% 94%);
border-color: oklch(0.978 0.032 196.6);
}Tailwind CSS v4
@theme {
--color-light-cyan: #e0ffff;
--color-light-cyan-50: #ebf8f8;
--color-light-cyan-100: #dcebec;
--color-light-cyan-200: #c5d9d9;
--color-light-cyan-300: #a5bdbd;
--color-light-cyan-400: #89a5a5;
--color-light-cyan-500: #6e8d8d;
--color-light-cyan-600: #5d7777;
--color-light-cyan-700: #4a6060;
--color-light-cyan-800: #364646;
--color-light-cyan-900: #253030;
--color-light-cyan-950: #131d1c;
}SCSS
$light-cyan: #e0ffff;
$light-cyan-rgb: 224, 255, 255;
$light-cyan-light: mix(#fff, $light-cyan, 20%);
$light-cyan-dark: mix(#000, $light-cyan, 20%);
.element {
color: $light-cyan;
box-shadow: 0 0 0 2px rgba($light-cyan, 0.35);
}