命名颜色 · #FFD97D
Lantern Gold
Lantern Gold 即 #FFD97D：rgb(255 217 125)、hsl(42 100% 75%)、oklch(0.899 0.119 87.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Lantern Gold color name →
#FFD97D
oklch(0.899 0.119 87.5)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- FFDD8C
- FFE19A
- FFE5A7
- FFE9B5
- FFEDC1
- FFF0CE
- FFF4DA
- FFF8E7
- FFFBF3
深色调
- DEBC6C
- BEA15B
- 9E864B
- 806C3B
- 63532C
- 483B1E
- 2E2511
- 161105
- 030201
灰色调
- F2D07F
- E4C780
- D7BE82
- CAB582
- BEAC83
- B1A383
- A59A82
- 989282
- 8C8981
配色和谐
互补色 +180°
- FFD97D
Lantern Gold
- CFDDFF
≈ Arc Light
类似色 -30° +30°
- FFD97D
Lantern Gold
- FFD4B5
≈ Curtsy
- D7E88B
≈ Refreshed
三角配色 +120° +240°
- FFD97D
Lantern Gold
- 8AF0FF
≈ Shallow Water
- FFC9FD
≈ Sugar Chic
分裂互补色 +150° +210°
- FFD97D
Lantern Gold
- BBE4FF
≈ Dithered Sky
- E1D6FF
≈ Pale Lavender
四角配色 +90° +180° +270°
- FFD97D
Lantern Gold
- 7BF8DD
≈ Tiffany Blue
- CFDDFF
≈ Arc Light
- FFCEDE
≈ Bologna Sausage
对比度与无障碍
Ag
Fail白底
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黑底
WCAG 15.47:1 · APCA Lc 86
最佳文字颜色: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
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);
}