Colore con nome · #DBA950
Golden Apricot
Golden Apricot è #DBA950: rgb(219 169 80), hsl(38 66% 59%), oklch(0.764 0.121 79.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Golden Apricot color name →
#DBA950
oklch(0.764 0.121 79.6)
Conversioni di colore
- HEX
- #dba950
- RGB
- rgb(219 169 80)
- HSL
- hsl(38 66% 59%)
- HWB
- hwb(38 31% 14%)
- OKLCH
- oklch(0.764 0.121 79.6)
- OKLab
- oklab(0.764 0.022 0.119)
- CIE Lab
- lab(72.69 12.1 52.1)
- LCH
- lch(72.69 53.49 76.9)
- CMYK
- cmyk(0% 23% 63% 14%)
Tinte · Ombre · Toni
Tinte
- DFB264
- E3BA77
- E6C389
- EACC9B
- EED4AC
- F1DDBC
- F5E5CD
- F8EEDE
- FCF7EE
Ombre
- BE9244
- A27C39
- 87672E
- 6D5324
- 543F1A
- 3C2C10
- 261B07
- 110A02
- 020100
Toni
- D2A558
- C8A15E
- BF9D64
- B6996A
- AD956E
- A49172
- 9B8D76
- 92897A
- 89847D
Armonie di colore
Complementare +180°
- DBA950
Golden Apricot
- 84B3FF
≈ Parakeet Blue
Analogo -30° +30°
- DBA950
Golden Apricot
- F09A6A
≈ Florida Mango
- B8B957
≈ Parachute
Triadico +120° +240°
- DBA950
Golden Apricot
- 2FC9D0
≈ Mermaid Net
- D499E3
≈ Bright Ube
Complementare divisa +150° +210°
- DBA950
Golden Apricot
- 51C0F0
≈ Clean Pool
- B1A5FA
≈ Shy Moment
Tetradico +90° +180° +270°
- DBA950
Golden Apricot
- 53CBA6
≈ Diroset
- 84B3FF
≈ Parakeet Blue
- EC91BE
≈ Shocking
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.80:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.80:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-apricot: #dba950;
--golden-apricot-rgb: 219 169 80;
--golden-apricot-oklch: oklch(0.764 0.121 79.6);
}
.element {
color: var(--golden-apricot);
background-color: hsl(38 66% 59%);
border-color: oklch(0.764 0.121 79.6);
}Tailwind CSS v4
@theme {
--color-golden-apricot: #dba950;
--color-golden-apricot-50: #fff2cf;
--color-golden-apricot-100: #fde5bb;
--color-golden-apricot-200: #efd099;
--color-golden-apricot-300: #d7b16d;
--color-golden-apricot-400: #c49642;
--color-golden-apricot-500: #b07b00;
--color-golden-apricot-600: #956800;
--color-golden-apricot-700: #775301;
--color-golden-apricot-800: #593c01;
--color-golden-apricot-900: #3e2902;
--color-golden-apricot-950: #281700;
}SCSS
$golden-apricot: #dba950;
$golden-apricot-rgb: 219, 169, 80;
$golden-apricot-light: mix(#fff, $golden-apricot, 20%);
$golden-apricot-dark: mix(#000, $golden-apricot, 20%);
.element {
color: $golden-apricot;
box-shadow: 0 0 0 2px rgba($golden-apricot, 0.35);
}