لون مسمّى · #B0834F
Gold Plated
Gold Plated هو #B0834F: rgb(176 131 79)، hsl(32 38% 50%)، oklch(0.643 0.088 69.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Gold Plated color name →
#B0834F
oklch(0.643 0.088 69.2)
تحويلات الألوان
- HEX
- #b0834f
- RGB
- rgb(176 131 79)
- HSL
- hsl(32 38% 50%)
- HWB
- hwb(32 31% 31%)
- OKLCH
- oklch(0.643 0.088 69.2)
- OKLab
- oklab(0.643 0.031 0.083)
- CIE Lab
- lab(58.42 13.42 34.95)
- LCH
- lch(58.42 37.44 69)
- CMYK
- cmyk(0% 26% 55% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B88F61
- C09B72
- C8A784
- D0B495
- D8C0A6
- E0CCB8
- E8D9C9
- EFE6DB
- F7F2ED
درجات داكنة
- 997144
- 826038
- 6C4F2E
- 563F23
- 422F19
- 2E2010
- 1C1207
- 0B0602
- 010100
درجات رمادية
- AB8355
- A7835B
- A28360
- 9D8265
- 98826A
- 94826F
- 8F8173
- 8A8178
- 85817C
تناسق الألوان
متمم +180°
- B0834F
Gold Plated
- 6191C1
≈ Come Sail Away
متجاور -30° +30°
- B0834F
Gold Plated
- BB7A64
≈ Autumn’s Hill
- 9A8E4C
≈ Tupelo Tree
ثلاثي +120° +240°
- B0834F
Gold Plated
- 409E98
≈ Baltic Green
- 9D7EB6
≈ Lush Lilac
متمم منقسم +150° +210°
- B0834F
Gold Plated
- 459AB2
≈ Starflower Blue
- 8187C2
≈ True Lavender
رباعي +90° +180° +270°
- B0834F
Gold Plated
- 5A9E7A
≈ Memphis Green
- 6191C1
≈ Come Sail Away
- B1789F
≈ Victorian Violet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.38:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.20:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--gold-plated: #b0834f;
--gold-plated-rgb: 176 131 79;
--gold-plated-oklch: oklch(0.643 0.088 69.2);
}
.element {
color: var(--gold-plated);
background-color: hsl(32 38% 50%);
border-color: oklch(0.643 0.088 69.2);
}Tailwind CSS v4
@theme {
--color-gold-plated: #b0834f;
--color-gold-plated-50: #fff2da;
--color-gold-plated-100: #fbe4c9;
--color-gold-plated-200: #edcfac;
--color-gold-plated-300: #d4b086;
--color-gold-plated-400: #c19564;
--color-gold-plated-500: #ac7b40;
--color-gold-plated-600: #916837;
--color-gold-plated-700: #75532c;
--color-gold-plated-800: #573c1f;
--color-gold-plated-900: #3d2914;
--color-gold-plated-950: #261706;
}SCSS
$gold-plated: #b0834f;
$gold-plated-rgb: 176, 131, 79;
$gold-plated-light: mix(#fff, $gold-plated, 20%);
$gold-plated-dark: mix(#000, $gold-plated, 20%);
.element {
color: $gold-plated;
box-shadow: 0 0 0 2px rgba($gold-plated, 0.35);
}