最も近い色名 · #DDDECF
#DDDECF
最も近い色名: Wild Wheat
#DDDECF（rgb(221 222 207)、hsl(64 19% 84%)、oklch(0.896 0.02 109.9)）に最も近い色名はWild Wheatです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DDDECF
oklch(0.896 0.02 109.9)
カラー変換
- HEX
- #dddecf
- RGB
- rgb(221 222 207)
- HSL
- hsl(64 19% 84%)
- HWB
- hwb(64 81% 13%)
- OKLCH
- oklch(0.896 0.02 109.9)
- OKLab
- oklab(0.896 -0.007 0.019)
- CIE Lab
- lab(88.08 -2.3 7.26)
- LCH
- lch(88.08 7.62 107.6)
- CMYK
- cmyk(0% 0% 7% 13%)
ティント · シェード · トーン
ティント
- E0E1D4
- E4E5D8
- E7E8DD
- EAEBE2
- EEEEE7
- F1F2EC
- F5F5F0
- F8F8F5
- FCFCFA
シェード
- C0C1B4
- A4A599
- 88897F
- 6E6F67
- 55554F
- 3D3D38
- 262623
- 111210
- 020202
トーン
- D3D4C7
- CACABF
- C0C1B7
- B7B7AF
- ADAEA7
- A4A49F
- 9B9B97
- 92928F
- 898988
カラーハーモニー
補色 +180°
- DDDECF
Wild Wheat
- DCDBE9
≈ Pale Orchid
類似色 -30° +30°
- DDDECF
Wild Wheat
- E4DBCE
≈ White Sesame
- D6E0D4
≈ River Mist
トライアド +120° +240°
- DDDECF
Wild Wheat
- D0DFE8
≈ Lupin Grey
- E8D7DE
≈ Unfading Dusk
スプリットコンプリメンタリー +150° +210°
- DDDECF
Wild Wheat
- D5DDEA
≈ Greyish White
- E3D9E5
≈ Flowers of May
テトラード +90° +180° +270°
- DDDECF
Wild Wheat
- CEE1E2
≈ Lens Flare Blue
- DCDBE9
≈ Pale Orchid
- EAD8D7
≈ Light Youth
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.42:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--wild-wheat: #dddecf;
--wild-wheat-rgb: 221 222 207;
--wild-wheat-oklch: oklch(0.896 0.02 109.9);
}
.element {
color: var(--wild-wheat);
background-color: hsl(64 19% 84%);
border-color: oklch(0.896 0.02 109.9);
}Tailwind CSS v4
@theme {
--color-wild-wheat: #dddecf;
--color-wild-wheat-50: #f5f6ef;
--color-wild-wheat-100: #e8e9e1;
--color-wild-wheat-200: #d4d5cc;
--color-wild-wheat-300: #b7b9ad;
--color-wild-wheat-400: #9fa092;
--color-wild-wheat-500: #878878;
--color-wild-wheat-600: #727366;
--color-wild-wheat-700: #5b5c51;
--color-wild-wheat-800: #43433b;
--color-wild-wheat-900: #2e2e29;
--color-wild-wheat-950: #1b1b16;
}SCSS
$wild-wheat: #dddecf;
$wild-wheat-rgb: 221, 222, 207;
$wild-wheat-light: mix(#fff, $wild-wheat, 20%);
$wild-wheat-dark: mix(#000, $wild-wheat, 20%);
.element {
color: $wild-wheat;
box-shadow: 0 0 0 2px rgba($wild-wheat, 0.35);
}