Colore con nome · #DEC283
Gold Tint
Gold Tint è #DEC283: rgb(222 194 131), hsl(42 58% 69%), oklch(0.824 0.087 86.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Gold Tint color name →
#DEC283
oklch(0.824 0.087 86.6)
Conversioni di colore
- HEX
- #dec283
- RGB
- rgb(222 194 131)
- HSL
- hsl(42 58% 69%)
- HWB
- hwb(42 51% 13%)
- OKLCH
- oklch(0.824 0.087 86.6)
- OKLab
- oklab(0.824 0.005 0.087)
- CIE Lab
- lab(79.79 3.98 35.53)
- LCH
- lch(79.79 35.75 83.6)
- CMYK
- cmyk(0% 13% 41% 13%)
Tinte · Ombre · Toni
Tinte
- E1C890
- E5CE9D
- E8D4A9
- EBDBB5
- EFE1C2
- F2E7CE
- F5EDDA
- F8F3E7
- FCF9F3
Ombre
- C1A871
- A58F60
- 89774F
- 6F603F
- 55492F
- 3D3420
- 262012
- 120E06
- 020201
Toni
- D4BB83
- CBB584
- C1AE84
- B7A784
- AEA184
- A59A83
- 9B9483
- 928D82
- 898781
Armonie di colore
Complementare +180°
- DEC283
Gold Tint
- ABC4FF
≈ Pastel Blue
Analogo -30° +30°
- DEC283
Gold Tint
- F1B78E
≈ Peach Taffy
- C1CD8C
≈ Soft Celery
Triadico +120° +240°
- DEC283
Gold Tint
- 7DD6E1
≈ VIC 20 Sky
- E4B2E3
≈ Pink Drink
Complementare divisa +150° +210°
- DEC283
Gold Tint
- 8ECEF7
≈ Drift on the Sea
- CABAF8
≈ Violet Heaven
Tetradico +90° +180° +270°
- DEC283
Gold Tint
- 85D8C4
≈ Ice Green
- ABC4FF
≈ Pastel Blue
- F4AEC6
≈ Nadeshiko Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.15:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-tint: #dec283;
--gold-tint-rgb: 222 194 131;
--gold-tint-oklch: oklch(0.824 0.087 86.6);
}
.element {
color: var(--gold-tint);
background-color: hsl(42 58% 69%);
border-color: oklch(0.824 0.087 86.6);
}Tailwind CSS v4
@theme {
--color-gold-tint: #dec283;
--color-gold-tint-50: #fff4da;
--color-gold-tint-100: #f4e7c8;
--color-gold-tint-200: #e3d3aa;
--color-gold-tint-300: #cab684;
--color-gold-tint-400: #b59b61;
--color-gold-tint-500: #9f823c;
--color-gold-tint-600: #876e34;
--color-gold-tint-700: #6c5829;
--color-gold-tint-800: #50401c;
--color-gold-tint-900: #382c12;
--color-gold-tint-950: #231905;
}SCSS
$gold-tint: #dec283;
$gold-tint-rgb: 222, 194, 131;
$gold-tint-light: mix(#fff, $gold-tint, 20%);
$gold-tint-dark: mix(#000, $gold-tint, 20%);
.element {
color: $gold-tint;
box-shadow: 0 0 0 2px rgba($gold-tint, 0.35);
}