色名 · #EEE8DC
Hint of Vanilla
Hint of Vanillaは#EEE8DC：rgb(238 232 220)、hsl(40 35% 90%)、oklch(0.932 0.017 84.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Hint of Vanilla color name →
#EEE8DC
oklch(0.932 0.017 84.6)
カラー変換
- HEX
- #eee8dc
- RGB
- rgb(238 232 220)
- HSL
- hsl(40 35% 90%)
- HWB
- hwb(40 86% 7%)
- OKLCH
- oklch(0.932 0.017 84.6)
- OKLab
- oklab(0.932 0.002 0.017)
- CIE Lab
- lab(92.23 0.58 6.61)
- LCH
- lch(92.23 6.64 85)
- CMYK
- cmyk(0% 3% 8% 7%)
ティント · シェード · トーン
ティント
- F0EADF
- F1EDE3
- F3EFE6
- F5F1EA
- F6F3ED
- F8F6F1
- FAF8F4
- FCFAF8
- FDFDFB
シェード
- CFCABF
- B1ACA3
- 939088
- 77746E
- 5C5954
- 42403C
- 2A2926
- 141311
- 030302
トーン
- E2DDD2
- D7D2C9
- CCC8BF
- C1BDB6
- B5B3AD
- AAA8A4
- A09E9B
- 959492
- 8A8A89
カラーハーモニー
補色 +180°
- EEE8DC
Hint of Vanilla
- E3E9F5
≈ Whisper Blue
類似色 -30° +30°
- EEE8DC
Hint of Vanilla
- F2E6DE
≈ Fantasy
- E8EADD
≈ Really Light Green
トライアド +120° +240°
- EEE8DC
Hint of Vanilla
- DCECEE
≈ Blue Flax
- EFE5EF
≈ In the Spotlight
スプリットコンプリメンタリー +150° +210°
- EEE8DC
Hint of Vanilla
- DEEBF3
≈ Ice Fishing
- E9E7F3
≈ Tranquil Eve
テトラード +90° +180° +270°
- EEE8DC
Hint of Vanilla
- DEEDE8
≈ Tranquil
- E3E9F5
≈ Whisper Blue
- F3E4E9
≈ Be Mine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.21:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--hint-of-vanilla: #eee8dc;
--hint-of-vanilla-rgb: 238 232 220;
--hint-of-vanilla-oklch: oklch(0.932 0.017 84.6);
}
.element {
color: var(--hint-of-vanilla);
background-color: hsl(40 35% 90%);
border-color: oklch(0.932 0.017 84.6);
}Tailwind CSS v4
@theme {
--color-hint-of-vanilla: #eee8dc;
--color-hint-of-vanilla-50: #f7f5f0;
--color-hint-of-vanilla-100: #eae8e1;
--color-hint-of-vanilla-200: #d7d4cc;
--color-hint-of-vanilla-300: #bbb7ae;
--color-hint-of-vanilla-400: #a39e93;
--color-hint-of-vanilla-500: #8b8579;
--color-hint-of-vanilla-600: #767167;
--color-hint-of-vanilla-700: #5e5a52;
--color-hint-of-vanilla-800: #45423c;
--color-hint-of-vanilla-900: #302d29;
--color-hint-of-vanilla-950: #1c1a17;
}SCSS
$hint-of-vanilla: #eee8dc;
$hint-of-vanilla-rgb: 238, 232, 220;
$hint-of-vanilla-light: mix(#fff, $hint-of-vanilla, 20%);
$hint-of-vanilla-dark: mix(#000, $hint-of-vanilla, 20%);
.element {
color: $hint-of-vanilla;
box-shadow: 0 0 0 2px rgba($hint-of-vanilla, 0.35);
}