Color con nombre · #FFD97D
Lantern Gold
Lantern Gold es #FFD97D: rgb(255 217 125), hsl(42 100% 75%), oklch(0.899 0.119 87.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lantern Gold color name →
#FFD97D
oklch(0.899 0.119 87.5)
Conversiones de color
- HEX
- #ffd97d
- RGB
- rgb(255 217 125)
- HSL
- hsl(42 100% 75%)
- HWB
- hwb(42 49% 0%)
- OKLCH
- oklch(0.899 0.119 87.5)
- OKLab
- oklab(0.899 0.005 0.119)
- CIE Lab
- lab(88.56 5.56 50.06)
- LCH
- lch(88.56 50.37 83.7)
- CMYK
- cmyk(0% 15% 51% 0%)
Tintes · Sombras · Tonos
Tintes
- FFDD8C
- FFE19A
- FFE5A7
- FFE9B5
- FFEDC1
- FFF0CE
- FFF4DA
- FFF8E7
- FFFBF3
Sombras
- DEBC6C
- BEA15B
- 9E864B
- 806C3B
- 63532C
- 483B1E
- 2E2511
- 161105
- 030201
Tonos
- F2D07F
- E4C780
- D7BE82
- CAB582
- BEAC83
- B1A383
- A59A82
- 989282
- 8C8981
Armonías de color
Complementario +180°
- FFD97D
Lantern Gold
- CFDDFF
≈ Arc Light
Análogo -30° +30°
- FFD97D
Lantern Gold
- FFD4B5
≈ Curtsy
- D7E88B
≈ Refreshed
Triádico +120° +240°
- FFD97D
Lantern Gold
- 8AF0FF
≈ Shallow Water
- FFC9FD
≈ Sugar Chic
Complementario dividido +150° +210°
- FFD97D
Lantern Gold
- BBE4FF
≈ Dithered Sky
- E1D6FF
≈ Pale Lavender
Tetrádico +90° +180° +270°
- FFD97D
Lantern Gold
- 7BF8DD
≈ Tiffany Blue
- CFDDFF
≈ Arc Light
- FFCEDE
≈ Bologna Sausage
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.47:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--lantern-gold: #ffd97d;
--lantern-gold-rgb: 255 217 125;
--lantern-gold-oklch: oklch(0.899 0.119 87.5);
}
.element {
color: var(--lantern-gold);
background-color: hsl(42 100% 75%);
border-color: oklch(0.899 0.119 87.5);
}Tailwind CSS v4
@theme {
--color-lantern-gold: #ffd97d;
--color-lantern-gold-50: #fff4cf;
--color-lantern-gold-100: #f8e7bb;
--color-lantern-gold-200: #e8d39a;
--color-lantern-gold-300: #cfb56e;
--color-lantern-gold-400: #bc9a42;
--color-lantern-gold-500: #a78000;
--color-lantern-gold-600: #8d6c00;
--color-lantern-gold-700: #715702;
--color-lantern-gold-800: #553f01;
--color-lantern-gold-900: #3b2b02;
--color-lantern-gold-950: #251800;
}SCSS
$lantern-gold: #ffd97d;
$lantern-gold-rgb: 255, 217, 125;
$lantern-gold-light: mix(#fff, $lantern-gold, 20%);
$lantern-gold-dark: mix(#000, $lantern-gold, 20%);
.element {
color: $lantern-gold;
box-shadow: 0 0 0 2px rgba($lantern-gold, 0.35);
}