色名 · #ECDA9E
Demeter
Demeterは#ECDA9E：rgb(236 218 158)、hsl(46 67% 77%)、oklch(0.889 0.08 93.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Demeter color name →
#ECDA9E
oklch(0.889 0.08 93.4)
カラー変換
- HEX
- #ecda9e
- RGB
- rgb(236 218 158)
- HSL
- hsl(46 67% 77%)
- HWB
- hwb(46 62% 7%)
- OKLCH
- oklch(0.889 0.08 93.4)
- OKLab
- oklab(0.889 -0.005 0.079)
- CIE Lab
- lab(87.48 0.02 31.98)
- LCH
- lch(87.48 31.98 90)
- CMYK
- cmyk(0% 8% 33% 7%)
ティント · シェード · トーン
ティント
- EEDEA8
- F0E2B2
- F2E5BC
- F4E9C6
- F5EDCF
- F7F0D9
- F9F4E2
- FBF8EC
- FDFBF5
シェード
- CDBD89
- AFA274
- 928760
- 766C4D
- 5B543A
- 423C29
- 292518
- 131109
- 030201
トーン
- E1D19B
- D5C799
- CABE96
- BFB593
- B4AC90
- AAA38D
- 9F9A8A
- 959187
- 8A8983
カラーハーモニー
補色 +180°
- ECDA9E
Demeter
- CED9FF
≈ Icy Plains
類似色 -30° +30°
- ECDA9E
Demeter
- FFD0A7
≈ Opalescent Coral
- D0E4AA
≈ Lime Cream
トライアド +120° +240°
- ECDA9E
Demeter
- 9BE9FA
≈ Alpine Expedition
- FBC7F1
≈ Rosy Maple Moth
スプリットコンプリメンタリー +150° +210°
- ECDA9E
Demeter
- BAE0FF
≈ Dithered Sky
- E3D0FF
≈ Pale Lavender
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.08:1 · APCA Lc 84
最適な文字色: #000000
WCAG 15.08:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--demeter: #ecda9e;
--demeter-rgb: 236 218 158;
--demeter-oklch: oklch(0.889 0.08 93.4);
}
.element {
color: var(--demeter);
background-color: hsl(46 67% 77%);
border-color: oklch(0.889 0.08 93.4);
}Tailwind CSS v4
@theme {
--color-demeter: #ecda9e;
--color-demeter-50: #fcf6dc;
--color-demeter-100: #f0e8cb;
--color-demeter-200: #ded5ae;
--color-demeter-300: #c4b889;
--color-demeter-400: #ae9e67;
--color-demeter-500: #988544;
--color-demeter-600: #80713b;
--color-demeter-700: #675a2f;
--color-demeter-800: #4c4120;
--color-demeter-900: #352d15;
--color-demeter-950: #201a07;
}SCSS
$demeter: #ecda9e;
$demeter-rgb: 236, 218, 158;
$demeter-light: mix(#fff, $demeter, 20%);
$demeter-dark: mix(#000, $demeter, 20%);
.element {
color: $demeter;
box-shadow: 0 0 0 2px rgba($demeter, 0.35);
}