色名 · #E2DCD2
White Luxe
White Luxeは#E2DCD2：rgb(226 220 210)、hsl(38 22% 85%)、oklch(0.896 0.015 80.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · White Luxe color name →
#E2DCD2
oklch(0.896 0.015 80.7)
カラー変換
- HEX
- #e2dcd2
- RGB
- rgb(226 220 210)
- HSL
- hsl(38 22% 85%)
- HWB
- hwb(38 82% 11%)
- OKLCH
- oklch(0.896 0.015 80.7)
- OKLab
- oklab(0.896 0.002 0.015)
- CIE Lab
- lab(88.03 0.84 5.69)
- LCH
- lch(88.03 5.75 81.6)
- CMYK
- cmyk(0% 3% 7% 11%)
ティント · シェード · トーン
ティント
- E5DFD6
- E8E3DB
- EBE6DF
- EEEAE4
- F0EDE8
- F3F1ED
- F6F4F1
- F9F8F6
- FCFBFA
シェード
- C4BFB6
- A8A39B
- 8C8881
- 716E68
- 575450
- 3E3C39
- 272624
- 121110
- 030202
トーン
- D8D2C9
- CEC9C1
- C4BFB9
- BAB6B0
- B0ADA8
- A6A4A0
- 9C9B98
- 939290
- 898988
カラーハーモニー
補色 +180°
- E2DCD2
White Luxe
- D7DDE7
≈ Wishful Blue
類似色 -30° +30°
- E2DCD2
White Luxe
- E6DAD4
≈ Hush White
- DDDED3
≈ Gulf Breeze
トライアド +120° +240°
- E2DCD2
White Luxe
- D2E0E1
≈ Valley of Tears
- E2DAE3
≈ He Loves Me
スプリットコンプリメンタリー +150° +210°
- E2DCD2
White Luxe
- D3DFE5
≈ Breakwater
- DCDBE6
≈ Pale Orchid
テトラード +90° +180° +270°
- E2DCD2
White Luxe
- D4E0DB
≈ Spring Mist
- D7DDE7
≈ Wishful Blue
- E5D9DE
≈ Faded Firebrick
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.40:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.40:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--white-luxe: #e2dcd2;
--white-luxe-rgb: 226 220 210;
--white-luxe-oklch: oklch(0.896 0.015 80.7);
}
.element {
color: var(--white-luxe);
background-color: hsl(38 22% 85%);
border-color: oklch(0.896 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-white-luxe: #e2dcd2;
--color-white-luxe-50: #f7f5f0;
--color-white-luxe-100: #eae7e2;
--color-white-luxe-200: #d7d4cd;
--color-white-luxe-300: #bbb7af;
--color-white-luxe-400: #a39e95;
--color-white-luxe-500: #8b857b;
--color-white-luxe-600: #767168;
--color-white-luxe-700: #5e5a53;
--color-white-luxe-800: #45423d;
--color-white-luxe-900: #302d2a;
--color-white-luxe-950: #1c1a17;
}SCSS
$white-luxe: #e2dcd2;
$white-luxe-rgb: 226, 220, 210;
$white-luxe-light: mix(#fff, $white-luxe, 20%);
$white-luxe-dark: mix(#000, $white-luxe, 20%);
.element {
color: $white-luxe;
box-shadow: 0 0 0 2px rgba($white-luxe, 0.35);
}