色名 · #E0D8DF
Little Lilac
Little Lilacは#E0D8DF：rgb(224 216 223)、hsl(308 11% 86%)、oklch(0.891 0.013 329.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Little Lilac color name →
#E0D8DF
oklch(0.891 0.013 329.6)
カラー変換
- HEX
- #e0d8df
- RGB
- rgb(224 216 223)
- HSL
- hsl(308 11% 86%)
- HWB
- hwb(308 85% 12%)
- OKLCH
- oklch(0.891 0.013 329.6)
- OKLab
- oklab(0.891 0.011 -0.006)
- CIE Lab
- lab(87.14 3.76 -2.43)
- LCH
- lch(87.14 4.47 327.2)
- CMYK
- cmyk(0% 4% 0% 12%)
ティント · シェード · トーン
ティント
- E3DCE2
- E6E0E5
- E9E4E9
- ECE7EC
- EFEBEF
- F3EFF2
- F6F3F5
- F9F7F9
- FCFBFC
シェード
- C3BCC2
- A6A0A5
- 8A858A
- 706B6F
- 565356
- 3E3B3D
- 272527
- 121112
- 020202
トーン
- D6CFD5
- CCC6CB
- C2BDC2
- B8B4B8
- AFABAE
- A5A2A5
- 9C9A9B
- 929192
- 898889
カラーハーモニー
補色 +180°
- E0D8DF
Little Lilac
- D5DDD6
≈ Periwinkle Tint
類似色 -30° +30°
- E0D8DF
Little Lilac
- DCD9E2
≈ Misty Lavender
- E3D8DA
≈ Forgotten Mosque
トライアド +120° +240°
- E0D8DF
Little Lilac
- DEDBD2
≈ Empire Porcelain
- D2DDDF
≈ Blue Nuance
スプリットコンプリメンタリー +150° +210°
- E0D8DF
Little Lilac
- DADCD3
≈ Anonymous
- D2DEDB
≈ Sweet Slumber
テトラード +90° +180° +270°
- E0D8DF
Little Lilac
- E2D9D3
≈ Angel’s Sigh
- D5DDD6
≈ Periwinkle Tint
- D4DCE3
≈ A Dime a Dozen
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.05:1 · APCA Lc 84
最適な文字色: #000000
WCAG 15.05:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--little-lilac: #e0d8df;
--little-lilac-rgb: 224 216 223;
--little-lilac-oklch: oklch(0.891 0.013 329.6);
}
.element {
color: var(--little-lilac);
background-color: hsl(308 11% 86%);
border-color: oklch(0.891 0.013 329.6);
}Tailwind CSS v4
@theme {
--color-little-lilac: #e0d8df;
--color-little-lilac-50: #f7f4f7;
--color-little-lilac-100: #eae6ea;
--color-little-lilac-200: #d8d2d7;
--color-little-lilac-300: #bbb5ba;
--color-little-lilac-400: #a39ca2;
--color-little-lilac-500: #8b838a;
--color-little-lilac-600: #766f75;
--color-little-lilac-700: #5e595e;
--color-little-lilac-800: #454145;
--color-little-lilac-900: #302d2f;
--color-little-lilac-950: #1c1a1c;
}SCSS
$little-lilac: #e0d8df;
$little-lilac-rgb: 224, 216, 223;
$little-lilac-light: mix(#fff, $little-lilac, 20%);
$little-lilac-dark: mix(#000, $little-lilac, 20%);
.element {
color: $little-lilac;
box-shadow: 0 0 0 2px rgba($little-lilac, 0.35);
}