이름 색상 · #FCE17C
Silken Gold
Silken Gold은(는) #FCE17C: rgb(252 225 124), hsl(47 96% 74%), oklch(0.912 0.125 94.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Silken Gold color name →
#FCE17C
oklch(0.912 0.125 94.8)
색상 변환
- HEX
- #fce17c
- RGB
- rgb(252 225 124)
- HSL
- hsl(47 96% 74%)
- HWB
- hwb(47 49% 1%)
- OKLCH
- oklch(0.912 0.125 94.8)
- OKLab
- oklab(0.912 -0.01 0.124)
- CIE Lab
- lab(90.26 0.45 52.44)
- LCH
- lch(90.26 52.44 89.5)
- CMYK
- cmyk(0% 11% 51% 1%)
틴트 · 셰이드 · 톤
틴트
- FCE48B
- FDE79A
- FDEBA7
- FDEEB5
- FDF1C1
- FEF4CE
- FEF7DB
- FEF9E7
- FFFCF3
셰이드
- DBC46B
- BBA75A
- 9C8B4A
- 7E703B
- 62562C
- 473E1E
- 2D2711
- 161205
- 030201
톤
- EFD77E
- E2CD80
- D5C381
- C9BA82
- BCB083
- B0A683
- A39D83
- 979382
- 8C8981
색 조화
보색 +180°
- FCE17C
Silken Gold
- D9E0FF
≈ Contrail
유사색 -30° +30°
- FCE17C
Silken Gold
- FFDAB8
≈ Peach Puff
- CFF193
≈ Laced Green
삼각 배색 +120° +240°
- FCE17C
Silken Gold
- ACEEFF
≈ Beyond the Clouds
- FFD2F4
≈ Shampoo
분열 보색 +150° +210°
- FCE17C
Silken Gold
- C9E6FF
≈ Fresh Water
- EADAFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- FCE17C
Silken Gold
- 70FDEC
≈ Icy Life
- D9E0FF
≈ Contrail
- FFD5DE
≈ No Need to Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.20:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--silken-gold: #fce17c;
--silken-gold-rgb: 252 225 124;
--silken-gold-oklch: oklch(0.912 0.125 94.8);
}
.element {
color: var(--silken-gold);
background-color: hsl(47 96% 74%);
border-color: oklch(0.912 0.125 94.8);
}Tailwind CSS v4
@theme {
--color-silken-gold: #fce17c;
--color-silken-gold-50: #fff6ce;
--color-silken-gold-100: #f3e9b9;
--color-silken-gold-200: #e3d597;
--color-silken-gold-300: #c9b86b;
--color-silken-gold-400: #b69d3c;
--color-silken-gold-500: #a18400;
--color-silken-gold-600: #887000;
--color-silken-gold-700: #6d5900;
--color-silken-gold-800: #514000;
--color-silken-gold-900: #392c00;
--color-silken-gold-950: #231900;
}SCSS
$silken-gold: #fce17c;
$silken-gold-rgb: 252, 225, 124;
$silken-gold-light: mix(#fff, $silken-gold, 20%);
$silken-gold-dark: mix(#000, $silken-gold, 20%);
.element {
color: $silken-gold;
box-shadow: 0 0 0 2px rgba($silken-gold, 0.35);
}