色名 · #E4DECF
Arrowroote
Arrowrooteは#E4DECF：rgb(228 222 207)、hsl(43 28% 85%)、oklch(0.901 0.021 88.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Arrowroote color name →
#E4DECF
oklch(0.901 0.021 88.7)
カラー変換
- HEX
- #e4decf
- RGB
- rgb(228 222 207)
- HSL
- hsl(43 28% 85%)
- HWB
- hwb(43 81% 11%)
- OKLCH
- oklch(0.901 0.021 88.7)
- OKLab
- oklab(0.901 0 0.021)
- CIE Lab
- lab(88.64 0.22 8.15)
- LCH
- lch(88.64 8.15 88.5)
- CMYK
- cmyk(0% 3% 9% 11%)
ティント · シェード · トーン
ティント
- E7E1D4
- E9E5D9
- ECE8DD
- EFEBE2
- F1EEE7
- F4F2EC
- F7F5F0
- FAF8F5
- FCFCFA
シェード
- C6C1B4
- A9A599
- 8D897F
- 726F67
- 58554F
- 3F3D38
- 282623
- 121210
- 030202
トーン
- DAD4C7
- CFCABF
- C5C1B7
- BBB7AF
- B1AEA7
- A7A49F
- 9D9B97
- 93928F
- 8A8988
カラーハーモニー
補色 +180°
- E4DECF
Arrowroote
- D8DEED
≈ Weeping Wisteria
類似色 -30° +30°
- E4DECF
Arrowroote
- EADBD1
≈ Hudson
- DDE1D1
≈ Moss Mist
トライアド +120° +240°
- E4DECF
Arrowroote
- CFE3E6
≈ Zircon Ice
- E7DAE5
≈ Spangle
スプリットコンプリメンタリー +150° +210°
- E4DECF
Arrowroote
- D2E1EB
≈ Haunting Hue
- E0DCEB
≈ Artemis Silver
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.64:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.64:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--arrowroote: #e4decf;
--arrowroote-rgb: 228 222 207;
--arrowroote-oklch: oklch(0.901 0.021 88.7);
}
.element {
color: var(--arrowroote);
background-color: hsl(43 28% 85%);
border-color: oklch(0.901 0.021 88.7);
}Tailwind CSS v4
@theme {
--color-arrowroote: #e4decf;
--color-arrowroote-50: #f7f5ee;
--color-arrowroote-100: #eae8e0;
--color-arrowroote-200: #d7d4ca;
--color-arrowroote-300: #bbb7ab;
--color-arrowroote-400: #a39e91;
--color-arrowroote-500: #8c8677;
--color-arrowroote-600: #767165;
--color-arrowroote-700: #5f5a50;
--color-arrowroote-800: #46423a;
--color-arrowroote-900: #302e28;
--color-arrowroote-950: #1c1a16;
}SCSS
$arrowroote: #e4decf;
$arrowroote-rgb: 228, 222, 207;
$arrowroote-light: mix(#fff, $arrowroote, 20%);
$arrowroote-dark: mix(#000, $arrowroote, 20%);
.element {
color: $arrowroote;
box-shadow: 0 0 0 2px rgba($arrowroote, 0.35);
}