이름 색상 · #FC9E21
Radiant Yellow
Radiant Yellow은(는) #FC9E21: rgb(252 158 33), hsl(34 97% 56%), oklch(0.778 0.165 66.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Radiant Yellow color name →
#FC9E21
oklch(0.778 0.165 66.2)
색상 변환
- HEX
- #fc9e21
- RGB
- rgb(252 158 33)
- HSL
- hsl(34 97% 56%)
- HWB
- hwb(34 13% 1%)
- OKLCH
- oklch(0.778 0.165 66.2)
- OKLab
- oklab(0.778 0.067 0.151)
- CIE Lab
- lab(73.72 30.04 72.33)
- LCH
- lch(73.72 78.32 67.4)
- CMYK
- cmyk(0% 37% 87% 1%)
틴트 · 셰이드 · 톤
틴트
- FDA847
- FEB361
- FFBD77
- FFC68C
- FFD0A0
- FFDAB4
- FFE3C7
- FFEDDA
- FFF6EC
셰이드
- DB891B
- BB7416
- 9C6010
- 7E4D0B
- 623A06
- 472903
- 2D1801
- 160900
- 030100
톤
- F09C37
- E39946
- D79751
- CA945B
- BE9163
- B28E6A
- A58B70
- 998776
- 8D847B
색 조화
보색 +180°
- FC9E21
Radiant Yellow
- 72BEFF
≈ Green Darner Tail
유사색 -30° +30°
- FC9E21
Radiant Yellow
- FF967A
≈ Vivid Tangerine
- D5B500
≈ Lionhead
삼각 배색 +120° +240°
- FC9E21
Radiant Yellow
- 00D2C4
≈ Turquoise Panic
- CE9DFF
≈ Hydrangea Purple
분열 보색 +150° +210°
- FC9E21
Radiant Yellow
- 00CCEF
≈ Picnic Day Sky
- A3B0FF
≈ Shy Moment
사각 배색 +90° +180° +270°
- FC9E21
Radiant Yellow
- 42D589
≈ Envy’s Love
- 72BEFF
≈ Green Darner Tail
- F78ADE
≈ Pink Delight
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.08:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.05:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--radiant-yellow: #fc9e21;
--radiant-yellow-rgb: 252 158 33;
--radiant-yellow-oklch: oklch(0.778 0.165 66.2);
}
.element {
color: var(--radiant-yellow);
background-color: hsl(34 97% 56%);
border-color: oklch(0.778 0.165 66.2);
}Tailwind CSS v4
@theme {
--color-radiant-yellow: #fc9e21;
--color-radiant-yellow-50: #ffedc3;
--color-radiant-yellow-100: #ffdead;
--color-radiant-yellow-200: #ffc785;
--color-radiant-yellow-300: #eea651;
--color-radiant-yellow-400: #de8700;
--color-radiant-yellow-500: #cc6800;
--color-radiant-yellow-600: #ac5900;
--color-radiant-yellow-700: #8a4700;
--color-radiant-yellow-800: #683200;
--color-radiant-yellow-900: #492200;
--color-radiant-yellow-950: #301100;
}SCSS
$radiant-yellow: #fc9e21;
$radiant-yellow-rgb: 252, 158, 33;
$radiant-yellow-light: mix(#fff, $radiant-yellow, 20%);
$radiant-yellow-dark: mix(#000, $radiant-yellow, 20%);
.element {
color: $radiant-yellow;
box-shadow: 0 0 0 2px rgba($radiant-yellow, 0.35);
}