Warna bernama · #957340
Sconce Gold
Sconce Gold adalah #957340: rgb(149 115 64), hsl(36 40% 42%), oklch(0.578 0.081 76.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Brown mean? → · Sconce Gold color name →
#957340
oklch(0.578 0.081 76.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 9F8053
- AA8E66
- B49C79
- BFA98B
- C9B79E
- D4C5B1
- DFD4C4
- E9E2D8
- F4F0EB
Shade
- 816336
- 6D542D
- 5A4524
- 48361B
- 372813
- 261B0B
- 160F05
- 080501
- 010100
Tone
- 937548
- 91764F
- 8F7756
- 8D795C
- 8B7A62
- 897B69
- 877D6F
- 847E74
- 827F7A
Harmoni warna
Komplementer +180°
- 957340
Sconce Gold
- 5A7BA9
≈ Deck Crew
Analog -30° +30°
- 957340
Sconce Gold
- A16A50
≈ Verminlord Hide
- 807D42
≈ Terrapin
Triadik +120° +240°
- 957340
Sconce Gold
- 338889
≈ Turkish Jade
- 8D6B9A
≈ Viola Grey
Split-komplementer +150° +210°
- 957340
Sconce Gold
- 3E839E
≈ Dirty Blue
- 7573A7
≈ Purple Mountain Majesty
Tetradik +90° +180° +270°
- 957340
Sconce Gold
- 46896F
≈ Think Leaf
- 5A7BA9
≈ Deck Crew
- 9D6684
≈ Love Poem
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.37:1 · APCA Lc 70
Ag
AADi atas hitam
WCAG 4.80:1 · APCA Lc 31
Warna teks terbaik: #000000
WCAG 4.80:1 (AA) · APCA Lc 31
Contrast pairs
Cuplikan kode
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);
}