لون مسمّى · #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);
}