最接近的命名颜色 · #EEF3FF
#EEF3FF
最接近的命名颜色: Cotton Boll
#EEF3FF（rgb(238 243 255)、hsl(222 100% 97%)、oklch(0.964 0.017 267.8)）最接近命名颜色 Cotton Boll。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EEF3FF
oklch(0.964 0.017 267.8)
颜色转换
- HEX
- #eef3ff
- RGB
- rgb(238 243 255)
- HSL
- hsl(222 100% 97%)
- HWB
- hwb(222 93% 0%)
- OKLCH
- oklch(0.964 0.017 267.8)
- OKLab
- oklab(0.964 -0.001 -0.017)
- CIE Lab
- lab(95.72 -0.07 -6.4)
- LCH
- lch(95.72 6.4 269.4)
- CMYK
- cmyk(7% 5% 0% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- F0F4FF
- F1F5FF
- F3F7FF
- F5F8FF
- F6F9FF
- F8FAFF
- FAFBFF
- FCFDFF
- FDFEFF
深色调
- CFD3DE
- B1B4BE
- 93979E
- 777A80
- 5C5E63
- 424448
- 2A2B2E
- 141416
- 030303
灰色调
- E2E7F2
- D7DBE4
- CCCFD7
- C1C3CA
- B5B8BE
- AAACB1
- A0A1A4
- 959698
- 8A8B8C
配色和谐
互补色 +180°
- EEF3FF
Cotton Boll
- F8F3E7
≈ Sampaguita Pearl
类似色 -30° +30°
- EEF3FF
Cotton Boll
- E9F5FD
≈ Kodama White
- F4F1FD
≈ Cloud Break
三角配色 +120° +240°
- EEF3FF
Cotton Boll
- FEEFED
≈ Voracious White
- ECF6ED
≈ Apple Flower
分裂互补色 +150° +210°
- EEF3FF
Cotton Boll
- FCF1E8
≈ Backlight
- F2F5E8
≈ Applemint Soda
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.11:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.89:1 · APCA Lc 100
最佳文字颜色: #000000
WCAG 18.89:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--cotton-boll: #eef3ff;
--cotton-boll-rgb: 238 243 255;
--cotton-boll-oklch: oklch(0.964 0.017 267.8);
}
.element {
color: var(--cotton-boll);
background-color: hsl(222 100% 97%);
border-color: oklch(0.964 0.017 267.8);
}Tailwind CSS v4
@theme {
--color-cotton-boll: #eef3ff;
--color-cotton-boll-50: #f3f5fa;
--color-cotton-boll-100: #e5e8ee;
--color-cotton-boll-200: #d1d4dc;
--color-cotton-boll-300: #b4b7c0;
--color-cotton-boll-400: #9a9ea9;
--color-cotton-boll-500: #818692;
--color-cotton-boll-600: #6d717b;
--color-cotton-boll-700: #575b63;
--color-cotton-boll-800: #404248;
--color-cotton-boll-900: #2c2e32;
--color-cotton-boll-950: #191b1e;
}SCSS
$cotton-boll: #eef3ff;
$cotton-boll-rgb: 238, 243, 255;
$cotton-boll-light: mix(#fff, $cotton-boll, 20%);
$cotton-boll-dark: mix(#000, $cotton-boll, 20%);
.element {
color: $cotton-boll;
box-shadow: 0 0 0 2px rgba($cotton-boll, 0.35);
}