色名 · #EAD8BB
White Hot Chocolate
White Hot Chocolateは#EAD8BB：rgb(234 216 187)、hsl(37 53% 83%)、oklch(0.889 0.043 79.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · White Hot Chocolate color name →
#EAD8BB
oklch(0.889 0.043 79.8)
カラー変換
- HEX
- #ead8bb
- RGB
- rgb(234 216 187)
- HSL
- hsl(37 53% 83%)
- HWB
- hwb(37 73% 8%)
- OKLCH
- oklch(0.889 0.043 79.8)
- OKLab
- oklab(0.889 0.008 0.043)
- CIE Lab
- lab(87.26 3.05 16.72)
- LCH
- lch(87.26 17 79.7)
- CMYK
- cmyk(0% 8% 20% 8%)
ティント · シェード · トーン
ティント
- ECDCC2
- EEE0C9
- F0E4CF
- F2E8D6
- F5EBDD
- F7EFE4
- F9F3EB
- FBF7F1
- FDFBF8
シェード
- CBBCA2
- AEA08A
- 918573
- 756B5C
- 5A5346
- 413B32
- 29251F
- 13110D
- 030202
トーン
- DFCFB5
- D4C6AF
- C9BDA9
- BEB4A3
- B4AB9D
- A9A297
- 9F9A92
- 94918C
- 8A8886
カラーハーモニー
補色 +180°
- EAD8BB
White Hot Chocolate
- CADCF8
≈ Fly a Kite
類似色 -30° +30°
- EAD8BB
White Hot Chocolate
- F3D3C2
≈ Melon Pink
- DCDEBD
≈ Soft Vellum
トライアド +120° +240°
- EAD8BB
White Hot Chocolate
- BAE4E6
≈ Soaring Sky
- E8D2ED
≈ Lavender Princess
スプリットコンプリメンタリー +150° +210°
- EAD8BB
White Hot Chocolate
- BEE1F2
≈ Tropical Pool
- D9D6F6
≈ Japan Blush
テトラード +90° +180° +270°
- EAD8BB
White Hot Chocolate
- BFE4D6
≈ Beru
- CADCF8
≈ Fly a Kite
- F2CFDF
≈ Minimal Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.03:1 · APCA Lc 84
最適な文字色: #000000
WCAG 15.03:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--white-hot-chocolate: #ead8bb;
--white-hot-chocolate-rgb: 234 216 187;
--white-hot-chocolate-oklch: oklch(0.889 0.043 79.8);
}
.element {
color: var(--white-hot-chocolate);
background-color: hsl(37 53% 83%);
border-color: oklch(0.889 0.043 79.8);
}Tailwind CSS v4
@theme {
--color-white-hot-chocolate: #ead8bb;
--color-white-hot-chocolate-50: #fbf4e8;
--color-white-hot-chocolate-100: #efe7d8;
--color-white-hot-chocolate-200: #ded3c0;
--color-white-hot-chocolate-300: #c3b69f;
--color-white-hot-chocolate-400: #ac9c82;
--color-white-hot-chocolate-500: #968366;
--color-white-hot-chocolate-600: #7e6f56;
--color-white-hot-chocolate-700: #655945;
--color-white-hot-chocolate-800: #4b4132;
--color-white-hot-chocolate-900: #342d22;
--color-white-hot-chocolate-950: #1f1a11;
}SCSS
$white-hot-chocolate: #ead8bb;
$white-hot-chocolate-rgb: 234, 216, 187;
$white-hot-chocolate-light: mix(#fff, $white-hot-chocolate, 20%);
$white-hot-chocolate-dark: mix(#000, $white-hot-chocolate, 20%);
.element {
color: $white-hot-chocolate;
box-shadow: 0 0 0 2px rgba($white-hot-chocolate, 0.35);
}