最も近い色名 · #EEE4D9
#EEE4D9
最も近い色名: Vanilla Sugar
#EEE4D9（rgb(238 228 217)、hsl(31 38% 89%)、oklch(0.924 0.018 70.2)）に最も近い色名はVanilla Sugarです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EEE4D9
oklch(0.924 0.018 70.2)
カラー変換
- HEX
- #eee4d9
- RGB
- rgb(238 228 217)
- HSL
- hsl(31 38% 89%)
- HWB
- hwb(31 85% 7%)
- OKLCH
- oklch(0.924 0.018 70.2)
- OKLab
- oklab(0.924 0.006 0.017)
- CIE Lab
- lab(91.16 2.14 6.66)
- LCH
- lch(91.16 7 72.2)
- CMYK
- cmyk(0% 4% 9% 7%)
ティント · シェード · トーン
ティント
- F0E7DD
- F1E9E1
- F3ECE4
- F5EFE8
- F7F1EC
- F8F4F0
- FAF7F4
- FCFAF7
- FDFCFB
シェード
- CFC6BC
- B1A9A1
- 938D86
- 77726C
- 5C5853
- 423F3B
- 2A2825
- 141211
- 030302
トーン
- E2DAD0
- D7CFC7
- CCC5BD
- C1BBB4
- B5B1AB
- ABA7A3
- A09D9A
- 959391
- 8A8A89
カラーハーモニー
補色 +180°
- EEE4D9
Vanilla Sugar
- DDE7F2
≈ St. Petersburg
類似色 -30° +30°
- EEE4D9
Vanilla Sugar
- F1E2DD
≈ Chantilly Lace
- E8E6D9
≈ Prairie Winds
トライアド +120° +240°
- EEE4D9
Vanilla Sugar
- D9EAE8
≈ Water Squirt
- EAE3EF
≈ Modest Violet
スプリットコンプリメンタリー +150° +210°
- EEE4D9
Vanilla Sugar
- D9E9EE
≈ Sidewalk Chalk Blue
- E3E5F2
≈ Crystal Falls
テトラード +90° +180° +270°
- EEE4D9
Vanilla Sugar
- DCEAE2
≈ Green Emulsion
- DDE7F2
≈ St. Petersburg
- EFE1EA
≈ Heaven Sent
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.73:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--vanilla-sugar: #eee4d9;
--vanilla-sugar-rgb: 238 228 217;
--vanilla-sugar-oklch: oklch(0.924 0.018 70.2);
}
.element {
color: var(--vanilla-sugar);
background-color: hsl(31 38% 89%);
border-color: oklch(0.924 0.018 70.2);
}Tailwind CSS v4
@theme {
--color-vanilla-sugar: #eee4d9;
--color-vanilla-sugar-50: #f8f4f0;
--color-vanilla-sugar-100: #ece7e1;
--color-vanilla-sugar-200: #d9d3cc;
--color-vanilla-sugar-300: #bdb6ad;
--color-vanilla-sugar-400: #a69d93;
--color-vanilla-sugar-500: #8e8479;
--color-vanilla-sugar-600: #787067;
--color-vanilla-sugar-700: #605a52;
--color-vanilla-sugar-800: #47413c;
--color-vanilla-sugar-900: #312d29;
--color-vanilla-sugar-950: #1d1a17;
}SCSS
$vanilla-sugar: #eee4d9;
$vanilla-sugar-rgb: 238, 228, 217;
$vanilla-sugar-light: mix(#fff, $vanilla-sugar, 20%);
$vanilla-sugar-dark: mix(#000, $vanilla-sugar, 20%);
.element {
color: $vanilla-sugar;
box-shadow: 0 0 0 2px rgba($vanilla-sugar, 0.35);
}