色名 · #E5F1ED
Chilly White
Chilly Whiteは#E5F1ED：rgb(229 241 237)、hsl(160 30% 92%)、oklch(0.948 0.014 174.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Chilly White color name →
#E5F1ED
oklch(0.948 0.014 174.2)
カラー変換
- HEX
- #e5f1ed
- RGB
- rgb(229 241 237)
- HSL
- hsl(160 30% 92%)
- HWB
- hwb(160 90% 5%)
- OKLCH
- oklch(0.948 0.014 174.2)
- OKLab
- oklab(0.948 -0.014 0.001)
- CIE Lab
- lab(94.15 -4.66 0.49)
- LCH
- lch(94.15 4.68 174)
- CMYK
- cmyk(5% 0% 2% 5%)
ティント · シェード · トーン
ティント
- E8F2EF
- EAF4F1
- EDF5F2
- EFF7F4
- F2F8F6
- F5F9F8
- F7FBFA
- FAFCFB
- FCFEFD
シェード
- C7D2CE
- AAB3B0
- 8E9593
- 727977
- 585D5C
- 3F4342
- 282B2A
- 121414
- 030303
トーン
- DAE5E2
- D0D9D6
- C6CECB
- BBC2C0
- B1B7B5
- A7ACAA
- 9DA09F
- 939695
- 8A8B8A
カラーハーモニー
補色 +180°
- E5F1ED
Chilly White
- F6EAEE
≈ Clichy White
類似色 -30° +30°
- E5F1ED
Chilly White
- E9F0E8
≈ Breakwater White
- E4F1F2
≈ Ethereal White
トライアド +120° +240°
- E5F1ED
Chilly White
- EEECF6
≈ Silver Phoenix
- F6ECE5
≈ Soft Lace
スプリットコンプリメンタリー +150° +210°
- E5F1ED
Chilly White
- F3EBF3
≈ Snow Plum
- F7EAE9
≈ Fancy Pink
テトラード +90° +180° +270°
- E5F1ED
Chilly White
- E9EEF7
≈ Coconut White
- F6EAEE
≈ Clichy White
- F2EDE4
≈ Flurries
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 7
Ag
AAA黒の上
WCAG 18.13:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--chilly-white: #e5f1ed;
--chilly-white-rgb: 229 241 237;
--chilly-white-oklch: oklch(0.948 0.014 174.2);
}
.element {
color: var(--chilly-white);
background-color: hsl(160 30% 92%);
border-color: oklch(0.948 0.014 174.2);
}Tailwind CSS v4
@theme {
--color-chilly-white: #e5f1ed;
--color-chilly-white-50: #f1f6f5;
--color-chilly-white-100: #e3e9e8;
--color-chilly-white-200: #ced6d4;
--color-chilly-white-300: #b0bab7;
--color-chilly-white-400: #97a19e;
--color-chilly-white-500: #7d8985;
--color-chilly-white-600: #6a7471;
--color-chilly-white-700: #555d5a;
--color-chilly-white-800: #3e4442;
--color-chilly-white-900: #2a2f2d;
--color-chilly-white-950: #181b1a;
}SCSS
$chilly-white: #e5f1ed;
$chilly-white-rgb: 229, 241, 237;
$chilly-white-light: mix(#fff, $chilly-white, 20%);
$chilly-white-dark: mix(#000, $chilly-white, 20%);
.element {
color: $chilly-white;
box-shadow: 0 0 0 2px rgba($chilly-white, 0.35);
}