色名 · #D3E2EE
Ice Drop
Ice Dropは#D3E2EE：rgb(211 226 238)、hsl(207 44% 88%)、oklch(0.905 0.023 241.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Ice Drop color name →
#D3E2EE
oklch(0.905 0.023 241.9)
カラー変換
- HEX
- #d3e2ee
- RGB
- rgb(211 226 238)
- HSL
- hsl(207 44% 88%)
- HWB
- hwb(207 83% 7%)
- OKLCH
- oklch(0.905 0.023 241.9)
- OKLab
- oklab(0.905 -0.011 -0.02)
- CIE Lab
- lab(89.02 -3.44 -7.68)
- LCH
- lch(89.02 8.41 245.9)
- CMYK
- cmyk(11% 5% 0% 7%)
ティント · シェード · トーン
ティント
- D7E5F0
- DCE8F1
- E0EBF3
- E5EEF5
- E9F0F7
- EDF3F8
- F2F6FA
- F6F9FC
- FBFCFD
シェード
- B7C4CF
- 9CA8B1
- 828C93
- 697177
- 51575C
- 3A3E42
- 24272A
- 101214
- 020303
トーン
- CAD8E2
- C2CED7
- B9C4CC
- B1BAC1
- A9B0B5
- A0A6AB
- 989CA0
- 909395
- 88898A
カラーハーモニー
補色 +180°
- D3E2EE
Ice Drop
- EBDDD1
≈ Santa Fe Spirit
類似色 -30° +30°
- D3E2EE
Ice Drop
- CFE4E9
≈ Northwind
- DADFF0
≈ Lower Lavender
トライアド +120° +240°
- D3E2EE
Ice Drop
- EEDADE
≈ Sweet Bianca
- DDE2D2
≈ Mystical Sea
スプリットコンプリメンタリー +150° +210°
- D3E2EE
Ice Drop
- EFDBD6
≈ Porcelain Blush
- E5E0CF
≈ Litewood
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.88:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.88:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--ice-drop: #d3e2ee;
--ice-drop-rgb: 211 226 238;
--ice-drop-oklch: oklch(0.905 0.023 241.9);
}
.element {
color: var(--ice-drop);
background-color: hsl(207 44% 88%);
border-color: oklch(0.905 0.023 241.9);
}Tailwind CSS v4
@theme {
--color-ice-drop: #d3e2ee;
--color-ice-drop-50: #f0f6fb;
--color-ice-drop-100: #e2e9ef;
--color-ice-drop-200: #ccd6de;
--color-ice-drop-300: #aeb9c3;
--color-ice-drop-400: #93a0ab;
--color-ice-drop-500: #798894;
--color-ice-drop-600: #67737e;
--color-ice-drop-700: #525c64;
--color-ice-drop-800: #3b444a;
--color-ice-drop-900: #292f33;
--color-ice-drop-950: #171b1f;
}SCSS
$ice-drop: #d3e2ee;
$ice-drop-rgb: 211, 226, 238;
$ice-drop-light: mix(#fff, $ice-drop, 20%);
$ice-drop-dark: mix(#000, $ice-drop, 20%);
.element {
color: $ice-drop;
box-shadow: 0 0 0 2px rgba($ice-drop, 0.35);
}