色名 · #EACFA3
Harmonious Gold
Harmonious Goldは#EACFA3：rgb(234 207 163)、hsl(37 63% 78%)、oklch(0.866 0.065 79.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Harmonious Gold color name →
#EACFA3
oklch(0.866 0.065 79.8)
カラー変換
- HEX
- #eacfa3
- RGB
- rgb(234 207 163)
- HSL
- hsl(37 63% 78%)
- HWB
- hwb(37 64% 8%)
- OKLCH
- oklch(0.866 0.065 79.8)
- OKLab
- oklab(0.866 0.012 0.064)
- CIE Lab
- lab(84.62 5.05 25.59)
- LCH
- lch(84.62 26.08 78.8)
- CMYK
- cmyk(0% 12% 30% 8%)
ティント · シェード · トーン
ティント
- ECD4AC
- EED9B6
- F0DDBF
- F3E2C8
- F5E7D1
- F7ECDA
- F9F1E3
- FBF5ED
- FDFAF6
シェード
- CBB48D
- AE9978
- 917F63
- 75674F
- 5A4F3C
- 41382A
- 292319
- 13100A
- 030201
トーン
- DFC7A0
- D4BF9C
- C9B799
- BEAF96
- B4A792
- A99F8F
- 9F978B
- 948F87
- 8A8884
カラーハーモニー
補色 +180°
- EACFA3
Harmonious Gold
- BAD5FF
≈ Ice Cold Stare
類似色 -30° +30°
- EACFA3
Harmonious Gold
- F7C7AD
≈ Coral Bisque
- D5D7A6
≈ Sunlit Leaf
トライアド +120° +240°
- EACFA3
Harmonious Gold
- A0E1E4
≈ Everest
- E7C6EE
≈ Prom Corsage
スプリットコンプリメンタリー +150° +210°
- EACFA3
Harmonious Gold
- A7DCF6
≈ Van Gogh Blue
- D2CDFC
≈ Lavender Blue
テトラード +90° +180° +270°
- EACFA3
Harmonious Gold
- A9E2CC
≈ Turquoise Tower
- BAD5FF
≈ Ice Cold Stare
- F5C2D9
≈ Miami Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.95:1 · APCA Lc 80
最適な文字色: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--harmonious-gold: #eacfa3;
--harmonious-gold-rgb: 234 207 163;
--harmonious-gold-oklch: oklch(0.866 0.065 79.8);
}
.element {
color: var(--harmonious-gold);
background-color: hsl(37 63% 78%);
border-color: oklch(0.866 0.065 79.8);
}Tailwind CSS v4
@theme {
--color-harmonious-gold: #eacfa3;
--color-harmonious-gold-50: #fff4e1;
--color-harmonious-gold-100: #f3e6d0;
--color-harmonious-gold-200: #e2d2b5;
--color-harmonious-gold-300: #c8b592;
--color-harmonious-gold-400: #b39b73;
--color-harmonious-gold-500: #9d8253;
--color-harmonious-gold-600: #856e47;
--color-harmonious-gold-700: #6a5838;
--color-harmonious-gold-800: #4f4028;
--color-harmonious-gold-900: #372c1b;
--color-harmonious-gold-950: #22190b;
}SCSS
$harmonious-gold: #eacfa3;
$harmonious-gold-rgb: 234, 207, 163;
$harmonious-gold-light: mix(#fff, $harmonious-gold, 20%);
$harmonious-gold-dark: mix(#000, $harmonious-gold, 20%);
.element {
color: $harmonious-gold;
box-shadow: 0 0 0 2px rgba($harmonious-gold, 0.35);
}