色名 · #E5DFCF
Litewood
Litewoodは#E5DFCF：rgb(229 223 207)、hsl(44 30% 85%)、oklch(0.904 0.022 89.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Litewood color name →
#E5DFCF
oklch(0.904 0.022 89.8)
カラー変換
- HEX
- #e5dfcf
- RGB
- rgb(229 223 207)
- HSL
- hsl(44 30% 85%)
- HWB
- hwb(44 81% 10%)
- OKLCH
- oklch(0.904 0.022 89.8)
- OKLab
- oklab(0.904 0 0.022)
- CIE Lab
- lab(88.98 0.1 8.63)
- LCH
- lch(88.98 8.64 89.3)
- CMYK
- cmyk(0% 3% 10% 10%)
ティント · シェード · トーン
ティント
- E8E2D4
- EAE5D9
- EDE9DD
- EFECE2
- F2EFE7
- F5F2EC
- F7F5F0
- FAF9F5
- FCFCFA
シェード
- C7C2B4
- AAA599
- 8E8A7F
- 726F67
- 58564F
- 3F3D38
- 282723
- 121210
- 030202
トーン
- DAD5C7
- D0CBBF
- C6C2B7
- BBB8AF
- B1AEA7
- A7A59F
- 9D9B97
- 93928F
- 8A8988
カラーハーモニー
補色 +180°
- E5DFCF
Litewood
- D9DFEF
≈ Timid Blue
類似色 -30° +30°
- E5DFCF
Litewood
- EBDCD1
≈ Pine Hutch
- DDE2D1
≈ Mystical Sea
トライアド +120° +240°
- E5DFCF
Litewood
- CFE4E7
≈ Zircon Ice
- E8DAE7
≈ Twinkled Pink
スプリットコンプリメンタリー +150° +210°
- E5DFCF
Litewood
- D3E2ED
≈ Ice Drop
- E1DCEC
≈ Princess Fairy Tale
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.33:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.78:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--litewood: #e5dfcf;
--litewood-rgb: 229 223 207;
--litewood-oklch: oklch(0.904 0.022 89.8);
}
.element {
color: var(--litewood);
background-color: hsl(44 30% 85%);
border-color: oklch(0.904 0.022 89.8);
}Tailwind CSS v4
@theme {
--color-litewood: #e5dfcf;
--color-litewood-50: #f7f5ee;
--color-litewood-100: #eae8e0;
--color-litewood-200: #d7d4ca;
--color-litewood-300: #bbb7ab;
--color-litewood-400: #a39e90;
--color-litewood-500: #8c8676;
--color-litewood-600: #767164;
--color-litewood-700: #5f5b50;
--color-litewood-800: #46423a;
--color-litewood-900: #302e28;
--color-litewood-950: #1c1a16;
}SCSS
$litewood: #e5dfcf;
$litewood-rgb: 229, 223, 207;
$litewood-light: mix(#fff, $litewood, 20%);
$litewood-dark: mix(#000, $litewood, 20%);
.element {
color: $litewood;
box-shadow: 0 0 0 2px rgba($litewood, 0.35);
}