Warna bernama · #FFD97D
Lantern Gold
Lantern Gold adalah #FFD97D: rgb(255 217 125), hsl(42 100% 75%), oklch(0.899 0.119 87.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Lantern Gold color name →
#FFD97D
oklch(0.899 0.119 87.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FFDD8C
- FFE19A
- FFE5A7
- FFE9B5
- FFEDC1
- FFF0CE
- FFF4DA
- FFF8E7
- FFFBF3
Shade
- DEBC6C
- BEA15B
- 9E864B
- 806C3B
- 63532C
- 483B1E
- 2E2511
- 161105
- 030201
Tone
- F2D07F
- E4C780
- D7BE82
- CAB582
- BEAC83
- B1A383
- A59A82
- 989282
- 8C8981
Harmoni warna
Komplementer +180°
- FFD97D
Lantern Gold
- CFDDFF
≈ Arc Light
Analog -30° +30°
- FFD97D
Lantern Gold
- FFD4B5
≈ Curtsy
- D7E88B
≈ Refreshed
Triadik +120° +240°
- FFD97D
Lantern Gold
- 8AF0FF
≈ Shallow Water
- FFC9FD
≈ Sugar Chic
Split-komplementer +150° +210°
- FFD97D
Lantern Gold
- BBE4FF
≈ Dithered Sky
- E1D6FF
≈ Pale Lavender
Tetradik +90° +180° +270°
- FFD97D
Lantern Gold
- 7BF8DD
≈ Tiffany Blue
- CFDDFF
≈ Arc Light
- FFCEDE
≈ Bologna Sausage
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.35:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.47:1 · APCA Lc 86
Warna teks terbaik: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
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);
}