色名 · #E7C084
Cassava Cake
Cassava Cakeは#E7C084：rgb(231 192 132)、hsl(36 67% 71%)、oklch(0.828 0.089 77.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cassava Cake color name →
#E7C084
oklch(0.828 0.089 77.8)
カラー変換
- HEX
- #e7c084
- RGB
- rgb(231 192 132)
- HSL
- hsl(36 67% 71%)
- HWB
- hwb(36 52% 9%)
- OKLCH
- oklch(0.828 0.089 77.8)
- OKLab
- oklab(0.828 0.019 0.087)
- CIE Lab
- lab(80.16 8.66 35.7)
- LCH
- lch(80.16 36.74 76.4)
- CMYK
- cmyk(0% 17% 43% 9%)
ティント · シェード · トーン
ティント
- EAC691
- ECCD9D
- EFD3AA
- F1D9B6
- F3E0C2
- F6E6CE
- F8ECDB
- FAF2E7
- FDF9F3
シェード
- C9A772
- AB8E60
- 8F764F
- 735F3F
- 59492F
- 403420
- 282012
- 130E06
- 030201
トーン
- DCBA84
- D2B385
- C7AD85
- BDA684
- B2A084
- A89983
- 9E9383
- 948D82
- 8A8681
カラーハーモニー
補色 +180°
- E7C084
Cassava Cake
- A4C9FF
≈ Night Snow
類似色 -30° +30°
- E7C084
Cassava Cake
- F7B695
≈ Melon Sorbet
- CCCC87
≈ Sunken Treasure
トライアド +120° +240°
- E7C084
Cassava Cake
- 7CD9DB
≈ Andes Sky
- DFB5ED
≈ Pink Illusion
スプリットコンプリメンタリー +150° +210°
- E7C084
Cassava Cake
- 86D3F4
≈ Kul Sharif Blue
- C3BEFE
≈ Lavender Tonic
テトラード +90° +180° +270°
- E7C084
Cassava Cake
- 8BDABC
≈ Āsmānī Sky
- A4C9FF
≈ Night Snow
- F3B0D1
≈ Changeling Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.71:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.27:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--cassava-cake: #e7c084;
--cassava-cake-rgb: 231 192 132;
--cassava-cake-oklch: oklch(0.828 0.089 77.8);
}
.element {
color: var(--cassava-cake);
background-color: hsl(36 67% 71%);
border-color: oklch(0.828 0.089 77.8);
}Tailwind CSS v4
@theme {
--color-cassava-cake: #e7c084;
--color-cassava-cake-50: #fff3d9;
--color-cassava-cake-100: #f8e5c7;
--color-cassava-cake-200: #e9d1aa;
--color-cassava-cake-300: #d0b383;
--color-cassava-cake-400: #bc9860;
--color-cassava-cake-500: #a77e3b;
--color-cassava-cake-600: #8d6b34;
--color-cassava-cake-700: #715629;
--color-cassava-cake-800: #543e1c;
--color-cassava-cake-900: #3b2b12;
--color-cassava-cake-950: #251805;
}SCSS
$cassava-cake: #e7c084;
$cassava-cake-rgb: 231, 192, 132;
$cassava-cake-light: mix(#fff, $cassava-cake, 20%);
$cassava-cake-dark: mix(#000, $cassava-cake, 20%);
.element {
color: $cassava-cake;
box-shadow: 0 0 0 2px rgba($cassava-cake, 0.35);
}