لون مسمّى · #957340
Sconce Gold
Sconce Gold هو #957340: rgb(149 115 64)، hsl(36 40% 42%)، oklch(0.578 0.081 76.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Sconce Gold color name →
#957340
oklch(0.578 0.081 76.2)
تحويلات الألوان
- HEX
- #957340
- RGB
- rgb(149 115 64)
- HSL
- hsl(36 40% 42%)
- HWB
- hwb(36 25% 42%)
- OKLCH
- oklch(0.578 0.081 76.2)
- OKLab
- oklab(0.578 0.019 0.078)
- CIE Lab
- lab(51.02 9.24 33.28)
- LCH
- lch(51.02 34.54 74.5)
- CMYK
- cmyk(0% 23% 57% 42%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9F8053
- AA8E66
- B49C79
- BFA98B
- C9B79E
- D4C5B1
- DFD4C4
- E9E2D8
- F4F0EB
درجات داكنة
- 816336
- 6D542D
- 5A4524
- 48361B
- 372813
- 261B0B
- 160F05
- 080501
- 010100
درجات رمادية
- 937548
- 91764F
- 8F7756
- 8D795C
- 8B7A62
- 897B69
- 877D6F
- 847E74
- 827F7A
تناسق الألوان
متمم +180°
- 957340
Sconce Gold
- 5A7BA9
≈ Deck Crew
متجاور -30° +30°
- 957340
Sconce Gold
- A16A50
≈ Verminlord Hide
- 807D42
≈ Terrapin
ثلاثي +120° +240°
- 957340
Sconce Gold
- 338889
≈ Turkish Jade
- 8D6B9A
≈ Viola Grey
متمم منقسم +150° +210°
- 957340
Sconce Gold
- 3E839E
≈ Dirty Blue
- 7573A7
≈ Purple Mountain Majesty
رباعي +90° +180° +270°
- 957340
Sconce Gold
- 46896F
≈ Think Leaf
- 5A7BA9
≈ Deck Crew
- 9D6684
≈ Love Poem
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.37:1 · APCA Lc 70
Ag
AAعلى الأسود
WCAG 4.80:1 · APCA Lc 31
أفضل لون للنص: #000000
WCAG 4.80:1 (AA) · APCA Lc 31
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sconce-gold: #957340;
--sconce-gold-rgb: 149 115 64;
--sconce-gold-oklch: oklch(0.578 0.081 76.2);
}
.element {
color: var(--sconce-gold);
background-color: hsl(36 40% 42%);
border-color: oklch(0.578 0.081 76.2);
}Tailwind CSS v4
@theme {
--color-sconce-gold: #957340;
--color-sconce-gold-50: #fff3dc;
--color-sconce-gold-100: #f7e5ca;
--color-sconce-gold-200: #e8d1ae;
--color-sconce-gold-300: #ceb389;
--color-sconce-gold-400: #ba9868;
--color-sconce-gold-500: #a57f45;
--color-sconce-gold-600: #8b6b3b;
--color-sconce-gold-700: #70562f;
--color-sconce-gold-800: #533e21;
--color-sconce-gold-900: #3a2b16;
--color-sconce-gold-950: #241807;
}SCSS
$sconce-gold: #957340;
$sconce-gold-rgb: 149, 115, 64;
$sconce-gold-light: mix(#fff, $sconce-gold, 20%);
$sconce-gold-dark: mix(#000, $sconce-gold, 20%);
.element {
color: $sconce-gold;
box-shadow: 0 0 0 2px rgba($sconce-gold, 0.35);
}