最も近い色名 · #EDE5DB
#EDE5DB
最も近い色名: Vanilla Sugar
#EDE5DB（rgb(237 229 219)、hsl(33 33% 89%)、oklch(0.925 0.016 73.7)）に最も近い色名はVanilla Sugarです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EDE5DB
oklch(0.925 0.016 73.7)
カラー変換
- HEX
- #ede5db
- RGB
- rgb(237 229 219)
- HSL
- hsl(33 33% 89%)
- HWB
- hwb(33 86% 7%)
- OKLCH
- oklch(0.925 0.016 73.7)
- OKLab
- oklab(0.925 0.004 0.015)
- CIE Lab
- lab(91.37 1.54 5.91)
- LCH
- lch(91.37 6.1 75.4)
- CMYK
- cmyk(0% 3% 8% 7%)
ティント · シェード · トーン
ティント
- EFE8DF
- F1EAE2
- F2EDE6
- F4EFE9
- F6F2ED
- F8F5F1
- FAF7F4
- FBFAF8
- FDFCFB
シェード
- CEC7BE
- B0AAA2
- 938E87
- 77726D
- 5C5854
- 423F3C
- 2A2826
- 141211
- 030302
トーン
- E2DAD2
- D6D0C8
- CBC6BF
- C0BBB6
- B5B1AC
- AAA7A3
- 9F9D9A
- 959391
- 8A8A89
カラーハーモニー
補色 +180°
- EDE5DB
Vanilla Sugar
- DFE7F1
≈ Radiant Moon
類似色 -30° +30°
- EDE5DB
Vanilla Sugar
- F0E3DE
≈ Rosa Vieja
- E8E7DB
≈ Clear Sand
トライアド +120° +240°
- EDE5DB
Vanilla Sugar
- DBEAE9
≈ Carefree
- EAE3EE
≈ Modest Violet
スプリットコンプリメンタリー +150° +210°
- EDE5DB
Vanilla Sugar
- DCE9EE
≈ Sidewalk Chalk Blue
- E5E5F1
≈ Lavender Syrup
テトラード +90° +180° +270°
- EDE5DB
Vanilla Sugar
- DDEAE3
≈ Snowbound
- DFE7F1
≈ Radiant Moon
- EFE2E9
≈ Struck by Lightning
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.83:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--vanilla-sugar: #ede5db;
--vanilla-sugar-rgb: 237 229 219;
--vanilla-sugar-oklch: oklch(0.925 0.016 73.7);
}
.element {
color: var(--vanilla-sugar);
background-color: hsl(33 33% 89%);
border-color: oklch(0.925 0.016 73.7);
}Tailwind CSS v4
@theme {
--color-vanilla-sugar: #ede5db;
--color-vanilla-sugar-50: #f8f5f0;
--color-vanilla-sugar-100: #ebe7e2;
--color-vanilla-sugar-200: #d8d3cd;
--color-vanilla-sugar-300: #bcb6af;
--color-vanilla-sugar-400: #a49d94;
--color-vanilla-sugar-500: #8d857b;
--color-vanilla-sugar-600: #777068;
--color-vanilla-sugar-700: #5f5a53;
--color-vanilla-sugar-800: #46423c;
--color-vanilla-sugar-900: #302d2a;
--color-vanilla-sugar-950: #1d1a17;
}SCSS
$vanilla-sugar: #ede5db;
$vanilla-sugar-rgb: 237, 229, 219;
$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);
}