最も近い色名 · #D8F0F9
#D8F0F9
最も近い色名: Ice Cold
#D8F0F9（rgb(216 240 249)、hsl(196 73% 91%)、oklch(0.94 0.028 222.3)）に最も近い色名はIce Coldです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D8F0F9
oklch(0.94 0.028 222.3)
カラー変換
- HEX
- #d8f0f9
- RGB
- rgb(216 240 249)
- HSL
- hsl(196 73% 91%)
- HWB
- hwb(196 85% 2%)
- OKLCH
- oklch(0.94 0.028 222.3)
- OKLab
- oklab(0.94 -0.021 -0.019)
- CIE Lab
- lab(93.23 -6.82 -7.17)
- LCH
- lch(93.23 9.9 226.4)
- CMYK
- cmyk(13% 4% 0% 2%)
ティント · シェード · トーン
ティント
- DCF2FA
- E0F3FA
- E4F5FB
- E8F6FB
- ECF8FC
- EFF9FD
- F3FBFD
- F7FCFE
- FBFEFE
シェード
- BCD1D9
- A0B2B9
- 85959A
- 6B787D
- 535D61
- 3B4346
- 252A2C
- 111415
- 020303
トーン
- CFE4EC
- C6D9E0
- BDCDD3
- B4C2C7
- ABB6BB
- A2ABAF
- 9AA0A3
- 919597
- 888B8B
カラーハーモニー
補色 +180°
- D8F0F9
Ice Cold
- FDE6DD
≈ French Manicure
類似色 -30° +30°
- D8F0F9
Ice Cold
- D7F2F0
≈ Air of Mint
- DEEDFE
≈ Calcareous Sinter
トライアド +120° +240°
- D8F0F9
Ice Cold
- FAE4F0
≈ Petal Poise
- EFECD7
≈ Soft Moonlight
スプリットコンプリメンタリー +150° +210°
- D8F0F9
Ice Cold
- FEE4E6
≈ Valerie
- F7E9D7
≈ Tender
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.75:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--ice-cold: #d8f0f9;
--ice-cold-rgb: 216 240 249;
--ice-cold-oklch: oklch(0.94 0.028 222.3);
}
.element {
color: var(--ice-cold);
background-color: hsl(196 73% 91%);
border-color: oklch(0.94 0.028 222.3);
}Tailwind CSS v4
@theme {
--color-ice-cold: #d8f0f9;
--color-ice-cold-50: #edf7fb;
--color-ice-cold-100: #deeaef;
--color-ice-cold-200: #c8d7dd;
--color-ice-cold-300: #a9bbc2;
--color-ice-cold-400: #8da3aa;
--color-ice-cold-500: #728b94;
--color-ice-cold-600: #61757d;
--color-ice-cold-700: #4d5e64;
--color-ice-cold-800: #384549;
--color-ice-cold-900: #263033;
--color-ice-cold-950: #151c1e;
}SCSS
$ice-cold: #d8f0f9;
$ice-cold-rgb: 216, 240, 249;
$ice-cold-light: mix(#fff, $ice-cold, 20%);
$ice-cold-dark: mix(#000, $ice-cold, 20%);
.element {
color: $ice-cold;
box-shadow: 0 0 0 2px rgba($ice-cold, 0.35);
}