Color con nombre · #D0A000
Lepton Gold
Lepton Gold es #D0A000: rgb(208 160 0), hsl(46 100% 41%), oklch(0.73 0.149 87). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lepton Gold color name →
#D0A000
oklch(0.73 0.149 87)
Conversiones de color
- HEX
- #d0a000
- RGB
- rgb(208 160 0)
- HSL
- hsl(46 100% 41%)
- HWB
- hwb(46 0% 18%)
- OKLCH
- oklch(0.73 0.149 87)
- OKLab
- oklab(0.73 0.008 0.149)
- CIE Lab
- lab(68.92 10.07 71.76)
- LCH
- lch(68.92 72.47 82)
- CMYK
- cmyk(0% 23% 100% 18%)
Tintes · Sombras · Tonos
Tintes
- D5AA3A
- DAB357
- DEBD6F
- E3C785
- E8D09A
- EDDAAF
- F1E3C3
- F6ECD7
- FAF6EB
Sombras
- B58B00
- 9A7600
- 806100
- 674E00
- 4F3B00
- 392900
- 231900
- 100900
- 020100
Tonos
- C89D29
- C09A3C
- B89749
- B09454
- A8915D
- A08E66
- 988B6D
- 908774
- 88847A
Armonías de color
Complementario +180°
- D0A000
Lepton Gold
- 80A4FF
≈ Fennel Flower
Análogo -30° +30°
- D0A000
Lepton Gold
- ED8C3B
≈ Peril’s Flames
- A2B333
≈ Vintage Chartreuse
Triádico +120° +240°
- D0A000
Lepton Gold
- 00BDCF
≈ Holiday Blue
- D884D8
≈ Blush Essence
Complementario dividido +150° +210°
- D0A000
Lepton Gold
- 28B4F9
≈ Blue Bolt
- B292F9
≈ Lilac Geode
Tetrádico +90° +180° +270°
- D0A000
Lepton Gold
- 00C3A6
≈ Turquoise
- 80A4FF
≈ Fennel Flower
- F07CA9
≈ Pink Carnation
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.41:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.71:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--lepton-gold: #d0a000;
--lepton-gold-rgb: 208 160 0;
--lepton-gold-oklch: oklch(0.73 0.149 87);
}
.element {
color: var(--lepton-gold);
background-color: hsl(46 100% 41%);
border-color: oklch(0.73 0.149 87);
}Tailwind CSS v4
@theme {
--color-lepton-gold: #d0a000;
--color-lepton-gold-50: #fff4c5;
--color-lepton-gold-100: #fce6af;
--color-lepton-gold-200: #eed189;
--color-lepton-gold-300: #d6b355;
--color-lepton-gold-400: #c49707;
--color-lepton-gold-500: #b07c00;
--color-lepton-gold-600: #956900;
--color-lepton-gold-700: #775400;
--color-lepton-gold-800: #5a3d00;
--color-lepton-gold-900: #3f2a00;
--color-lepton-gold-950: #281700;
}SCSS
$lepton-gold: #d0a000;
$lepton-gold-rgb: 208, 160, 0;
$lepton-gold-light: mix(#fff, $lepton-gold, 20%);
$lepton-gold-dark: mix(#000, $lepton-gold, 20%);
.element {
color: $lepton-gold;
box-shadow: 0 0 0 2px rgba($lepton-gold, 0.35);
}