Named color · #FCD917
Candlelight
Candlelight is #FCD917: rgb(252 217 23), hsl(51 97% 54%), oklch(0.888 0.18 97). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Candlelight color name →
#FCD917
oklch(0.888 0.18 97)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- FCDD4A
- FCE267
- FDE67F
- FDEA94
- FDEDA7
- FEF1BA
- FEF5CC
- FEF8DD
- FFFCEE
Shades
- DBBC12
- BBA10E
- 9C860A
- 7E6C06
- 625304
- 473B02
- 2D2501
- 161100
- 030200
Tones
- EFD038
- E2C74A
- D5BE57
- C8B561
- BCAD69
- B0A46F
- A39B75
- 979279
- 8C897D
Color harmonies
Complementary +180°
- FCD917
Candlelight
- D0D8FF
≈ Icy Plains
Analogous -30° +30°
- FCD917
Candlelight
- FFD0A1
≈ Atoll Sand
- BAEF60
≈ Green Cow
Triadic +120° +240°
- FCD917
Candlelight
- 97E9FF
≈ Winter Wizard
- FFC6EE
≈ Rosy Maple Moth
Split-complementary +150° +210°
- FCD917
Candlelight
- BCDFFF
≈ Dithered Sky
- E6CFFF
≈ Lens Flare Pink
Tetradic +90° +180° +270°
- FCD917
Candlelight
- 00FAEB
≈ Bright Aqua
- D0D8FF
≈ Icy Plains
- FFCAD3
≈ Sweet Sixteen
Contrast & accessibility
Ag
FailOn white
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.07:1 · APCA Lc 85
Best text color: #000000
WCAG 15.07:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
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);
}