最も近い色名 · #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);
}