最も近い色名 · #E8EEFF
#E8EEFF
最も近い色名: Cotton Boll
#E8EEFF（rgb(232 238 255)、hsl(224 100% 95%)、oklch(0.95 0.024 270.3)）に最も近い色名はCotton Bollです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E8EEFF
oklch(0.95 0.024 270.3)
カラー変換
- HEX
- #e8eeff
- RGB
- rgb(232 238 255)
- HSL
- hsl(224 100% 95%)
- HWB
- hwb(224 91% 0%)
- OKLCH
- oklch(0.95 0.024 270.3)
- OKLab
- oklab(0.95 0 -0.024)
- CIE Lab
- lab(94.02 0.31 -8.95)
- LCH
- lch(94.02 8.96 272)
- CMYK
- cmyk(9% 7% 0% 0%)
ティント · シェード · トーン
ティント
- EAF0FF
- EDF1FF
- EFF3FF
- F1F5FF
- F3F7FF
- F6F8FF
- F8FAFF
- FAFCFF
- FDFDFF
シェード
- CACFDE
- ACB1BE
- 90939E
- 747780
- 595C63
- 404248
- 292A2E
- 131416
- 030303
トーン
- DDE2F2
- D2D7E4
- C8CCD7
- BDC1CA
- B3B5BE
- A8ABB1
- 9EA0A4
- 949598
- 8A8A8C
カラーハーモニー
補色 +180°
- E8EEFF
Cotton Boll
- F4EEDD
≈ Spice Ivory
類似色 -30° +30°
- E8EEFF
Cotton Boll
- E1F1FD
≈ Wizard White
- F1EBFC
≈ Placebo Purple
トライアド +120° +240°
- E8EEFF
Cotton Boll
- FEE9E5
≈ Quartz Light Pink
- E4F3E6
≈ Mint Fizz
スプリットコンプリメンタリー +150° +210°
- E8EEFF
Cotton Boll
- FBEBDF
≈ White Canvas
- ECF1E0
≈ Aloe Essence
テトラード +90° +180° +270°
- E8EEFF
Cotton Boll
- FDE8ED
≈ Porcelain Skin
- F4EEDD
≈ Spice Ivory
- DEF4EF
≈ Glacier Bay
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 18.10:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.10:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--cotton-boll: #e8eeff;
--cotton-boll-rgb: 232 238 255;
--cotton-boll-oklch: oklch(0.95 0.024 270.3);
}
.element {
color: var(--cotton-boll);
background-color: hsl(224 100% 95%);
border-color: oklch(0.95 0.024 270.3);
}Tailwind CSS v4
@theme {
--color-cotton-boll: #e8eeff;
--color-cotton-boll-50: #f3f5fc;
--color-cotton-boll-100: #e5e8f0;
--color-cotton-boll-200: #d0d4df;
--color-cotton-boll-300: #b3b7c4;
--color-cotton-boll-400: #999ead;
--color-cotton-boll-500: #808696;
--color-cotton-boll-600: #6c717f;
--color-cotton-boll-700: #575b66;
--color-cotton-boll-800: #3f424b;
--color-cotton-boll-900: #2b2e34;
--color-cotton-boll-950: #191a1f;
}SCSS
$cotton-boll: #e8eeff;
$cotton-boll-rgb: 232, 238, 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);
}