命名颜色 · #FCD917
Candlelight
Candlelight 即 #FCD917：rgb(252 217 23)、hsl(51 97% 54%)、oklch(0.888 0.18 97)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Candlelight color name →
#FCD917
oklch(0.888 0.18 97)
颜色转换
- HEX
- #fcd917
- RGB
- rgb(252 217 23)
- HSL
- hsl(51 97% 54%)
- HWB
- hwb(51 9% 1%)
- OKLCH
- oklch(0.888 0.18 97)
- OKLab
- oklab(0.888 -0.022 0.179)
- CIE Lab
- lab(87.7 0.85 84.3)
- LCH
- lch(87.7 84.31 89.4)
- CMYK
- cmyk(0% 14% 91% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FCDD4A
- FCE267
- FDE67F
- FDEA94
- FDEDA7
- FEF1BA
- FEF5CC
- FEF8DD
- FFFCEE
深色调
- DBBC12
- BBA10E
- 9C860A
- 7E6C06
- 625304
- 473B02
- 2D2501
- 161100
- 030200
灰色调
- EFD038
- E2C74A
- D5BE57
- C8B561
- BCAD69
- B0A46F
- A39B75
- 979279
- 8C897D
配色和谐
互补色 +180°
- FCD917
Candlelight
- D0D8FF
≈ Icy Plains
类似色 -30° +30°
- FCD917
Candlelight
- FFD0A1
≈ Atoll Sand
- BAEF60
≈ Green Cow
三角配色 +120° +240°
- FCD917
Candlelight
- 97E9FF
≈ Winter Wizard
- FFC6EE
≈ Rosy Maple Moth
分裂互补色 +150° +210°
- FCD917
Candlelight
- BCDFFF
≈ Dithered Sky
- E6CFFF
≈ Lens Flare Pink
四角配色 +90° +180° +270°
- FCD917
Candlelight
- 00FAEB
≈ Bright Aqua
- D0D8FF
≈ Icy Plains
- FFCAD3
≈ Sweet Sixteen
对比度与无障碍
Ag
Fail白底
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黑底
WCAG 15.07:1 · APCA Lc 85
最佳文字颜色: #000000
WCAG 15.07:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--candlelight: #fcd917;
--candlelight-rgb: 252 217 23;
--candlelight-oklch: oklch(0.888 0.18 97);
}
.element {
color: var(--candlelight);
background-color: hsl(51 97% 54%);
border-color: oklch(0.888 0.18 97);
}Tailwind CSS v4
@theme {
--color-candlelight: #fcd917;
--color-candlelight-50: #fff7bb;
--color-candlelight-100: #f7eaa3;
--color-candlelight-200: #e7d678;
--color-candlelight-300: #cfb837;
--color-candlelight-400: #bd9c00;
--color-candlelight-500: #a98200;
--color-candlelight-600: #8e6e00;
--color-candlelight-700: #725800;
--color-candlelight-800: #563f00;
--color-candlelight-900: #3c2c00;
--color-candlelight-950: #261800;
}SCSS
$candlelight: #fcd917;
$candlelight-rgb: 252, 217, 23;
$candlelight-light: mix(#fff, $candlelight, 20%);
$candlelight-dark: mix(#000, $candlelight, 20%);
.element {
color: $candlelight;
box-shadow: 0 0 0 2px rgba($candlelight, 0.35);
}