Colore con nome · #DCB639
Woven Gold
Woven Gold è #DCB639: rgb(220 182 57), hsl(46 70% 54%), oklch(0.789 0.143 91.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Woven Gold color name →
#DCB639
oklch(0.789 0.143 91.3)
Conversioni di colore
- HEX
- #dcb639
- RGB
- rgb(220 182 57)
- HSL
- hsl(46 70% 54%)
- HWB
- hwb(46 22% 14%)
- OKLCH
- oklch(0.789 0.143 91.3)
- OKLab
- oklab(0.789 -0.003 0.143)
- CIE Lab
- lab(75.89 5.11 64.82)
- LCH
- lch(75.89 65.02 85.5)
- CMYK
- cmyk(0% 17% 74% 14%)
Tinte · Ombre · Toni
Tinte
- E0BE55
- E3C56C
- E7CD80
- EAD494
- EEDBA6
- F1E3B8
- F5EACA
- F8F1DC
- FCF8ED
Ombre
- BF9E30
- A38628
- 886F1F
- 6E5917
- 544410
- 3C3009
- 261D04
- 110C01
- 020200
Toni
- D2B147
- C9AB52
- C0A65B
- B6A162
- AD9C69
- A4966E
- 9B9174
- 928B78
- 89867C
Armonie di colore
Complementare +180°
- DCB639
Woven Gold
- A1B6FF
≈ Truesky Gloxym
Analogo -30° +30°
- DCB639
Woven Gold
- FBA350
≈ Exotic Flower
- ACC857
≈ Green Glow
Triadico +120° +240°
- DCB639
Woven Gold
- 00D1EC
≈ Picnic Day Sky
- EE97E4
≈ Diva Mecha
Complementare divisa +150° +210°
- DCB639
Woven Gold
- 6FC3FF
≈ Maya Blue
- C8A6FF
≈ Purple Hepatica
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.79:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--woven-gold: #dcb639;
--woven-gold-rgb: 220 182 57;
--woven-gold-oklch: oklch(0.789 0.143 91.3);
}
.element {
color: var(--woven-gold);
background-color: hsl(46 70% 54%);
border-color: oklch(0.789 0.143 91.3);
}Tailwind CSS v4
@theme {
--color-woven-gold: #dcb639;
--color-woven-gold-50: #fff5c7;
--color-woven-gold-100: #f8e8b2;
--color-woven-gold-200: #e9d38d;
--color-woven-gold-300: #d0b65b;
--color-woven-gold-400: #be9a1d;
--color-woven-gold-500: #a98000;
--color-woven-gold-600: #8f6d00;
--color-woven-gold-700: #735700;
--color-woven-gold-800: #563f00;
--color-woven-gold-900: #3c2b00;
--color-woven-gold-950: #261800;
}SCSS
$woven-gold: #dcb639;
$woven-gold-rgb: 220, 182, 57;
$woven-gold-light: mix(#fff, $woven-gold, 20%);
$woven-gold-dark: mix(#000, $woven-gold, 20%);
.element {
color: $woven-gold;
box-shadow: 0 0 0 2px rgba($woven-gold, 0.35);
}