이름 색상 · #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);
}