Benoemde kleur · #957340
Sconce Gold
Sconce Gold is #957340: rgb(149 115 64), hsl(36 40% 42%), oklch(0.578 0.081 76.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Brown mean? → · Sconce Gold color name →
#957340
oklch(0.578 0.081 76.2)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 9F8053
- AA8E66
- B49C79
- BFA98B
- C9B79E
- D4C5B1
- DFD4C4
- E9E2D8
- F4F0EB
Schaduwen
- 816336
- 6D542D
- 5A4524
- 48361B
- 372813
- 261B0B
- 160F05
- 080501
- 010100
Tonen
- 937548
- 91764F
- 8F7756
- 8D795C
- 8B7A62
- 897B69
- 877D6F
- 847E74
- 827F7A
Kleurharmonieën
Complementair +180°
- 957340
Sconce Gold
- 5A7BA9
≈ Deck Crew
Analoog -30° +30°
- 957340
Sconce Gold
- A16A50
≈ Verminlord Hide
- 807D42
≈ Terrapin
Triadisch +120° +240°
- 957340
Sconce Gold
- 338889
≈ Turkish Jade
- 8D6B9A
≈ Viola Grey
Gesplitst complementair +150° +210°
- 957340
Sconce Gold
- 3E839E
≈ Dirty Blue
- 7573A7
≈ Purple Mountain Majesty
Tetradisch +90° +180° +270°
- 957340
Sconce Gold
- 46896F
≈ Think Leaf
- 5A7BA9
≈ Deck Crew
- 9D6684
≈ Love Poem
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.37:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.80:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.80:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
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);
}