Màu có tên · #FC9E21
Radiant Yellow
Radiant Yellow là #FC9E21: rgb(252 158 33), hsl(34 97% 56%), oklch(0.778 0.165 66.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Radiant Yellow color name →
#FC9E21
oklch(0.778 0.165 66.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FDA847
- FEB361
- FFBD77
- FFC68C
- FFD0A0
- FFDAB4
- FFE3C7
- FFEDDA
- FFF6EC
Sắc đậm
- DB891B
- BB7416
- 9C6010
- 7E4D0B
- 623A06
- 472903
- 2D1801
- 160900
- 030100
Sắc xám
- F09C37
- E39946
- D79751
- CA945B
- BE9163
- B28E6A
- A58B70
- 998776
- 8D847B
Hòa sắc
Bổ túc +180°
- FC9E21
Radiant Yellow
- 72BEFF
≈ Green Darner Tail
Tương đồng -30° +30°
- FC9E21
Radiant Yellow
- FF967A
≈ Vivid Tangerine
- D5B500
≈ Lionhead
Bộ ba +120° +240°
- FC9E21
Radiant Yellow
- 00D2C4
≈ Turquoise Panic
- CE9DFF
≈ Hydrangea Purple
Bổ túc chia +150° +210°
- FC9E21
Radiant Yellow
- 00CCEF
≈ Picnic Day Sky
- A3B0FF
≈ Shy Moment
Bộ bốn +90° +180° +270°
- FC9E21
Radiant Yellow
- 42D589
≈ Envy’s Love
- 72BEFF
≈ Green Darner Tail
- F78ADE
≈ Pink Delight
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.08:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.05:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
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);
}