色名 · #E1DEE5
Frozen Statues
Frozen Statuesは#E1DEE5：rgb(225 222 229)、hsl(266 12% 88%)、oklch(0.905 0.01 305.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Frozen Statues color name →
#E1DEE5
oklch(0.905 0.01 305.4)
カラー変換
- HEX
- #e1dee5
- RGB
- rgb(225 222 229)
- HSL
- hsl(266 12% 88%)
- HWB
- hwb(266 87% 10%)
- OKLCH
- oklch(0.905 0.01 305.4)
- OKLab
- oklab(0.905 0.006 -0.008)
- CIE Lab
- lab(88.86 1.99 -3.06)
- LCH
- lch(88.86 3.65 303.1)
- CMYK
- cmyk(2% 3% 0% 10%)
ティント · シェード · トーン
ティント
- E4E1E8
- E7E5EA
- EAE8ED
- EDEBEF
- F0EEF2
- F3F2F5
- F6F5F7
- F9F8FA
- FCFCFC
シェード
- C4C1C7
- A7A5AA
- 8B898E
- 706F72
- 565558
- 3E3D3F
- 272628
- 121212
- 020203
トーン
- D7D4DA
- CDCAD0
- C3C1C6
- B9B7BB
- AFAEB1
- A6A4A7
- 9C9B9D
- 939293
- 89898A
カラーハーモニー
補色 +180°
- E1DEE5
Frozen Statues
- DEE1DA
≈ Winds Breath
類似色 -30° +30°
- E1DEE5
Frozen Statues
- DDDFE6
≈ Terminator Chrome
- E4DDE2
≈ Rusty Pebble
トライアド +120° +240°
- E1DEE5
Frozen Statues
- E4DED9
≈ Pale Starlet
- D9E2E0
≈ Topsail
スプリットコンプリメンタリー +150° +210°
- E1DEE5
Frozen Statues
- E1E0D8
≈ Blush Sand
- DBE2DD
≈ Mantra
テトラード +90° +180° +270°
- E1DEE5
Frozen Statues
- E6DDDB
≈ Coquette
- DEE1DA
≈ Winds Breath
- D9E1E4
≈ Tahoe Snow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.33:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.78:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--frozen-statues: #e1dee5;
--frozen-statues-rgb: 225 222 229;
--frozen-statues-oklch: oklch(0.905 0.01 305.4);
}
.element {
color: var(--frozen-statues);
background-color: hsl(266 12% 88%);
border-color: oklch(0.905 0.01 305.4);
}Tailwind CSS v4
@theme {
--color-frozen-statues: #e1dee5;
--color-frozen-statues-50: #f6f4f7;
--color-frozen-statues-100: #e9e7ea;
--color-frozen-statues-200: #d5d3d8;
--color-frozen-statues-300: #b9b6bb;
--color-frozen-statues-400: #a09da3;
--color-frozen-statues-500: #88858c;
--color-frozen-statues-600: #737076;
--color-frozen-statues-700: #5c5a5e;
--color-frozen-statues-800: #434245;
--color-frozen-statues-900: #2e2d30;
--color-frozen-statues-950: #1b1a1c;
}SCSS
$frozen-statues: #e1dee5;
$frozen-statues-rgb: 225, 222, 229;
$frozen-statues-light: mix(#fff, $frozen-statues, 20%);
$frozen-statues-dark: mix(#000, $frozen-statues, 20%);
.element {
color: $frozen-statues;
box-shadow: 0 0 0 2px rgba($frozen-statues, 0.35);
}