Colore con nome · #FC9E21
Radiant Yellow
Radiant Yellow è #FC9E21: rgb(252 158 33), hsl(34 97% 56%), oklch(0.778 0.165 66.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Radiant Yellow color name →
#FC9E21
oklch(0.778 0.165 66.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FDA847
- FEB361
- FFBD77
- FFC68C
- FFD0A0
- FFDAB4
- FFE3C7
- FFEDDA
- FFF6EC
Ombre
- DB891B
- BB7416
- 9C6010
- 7E4D0B
- 623A06
- 472903
- 2D1801
- 160900
- 030100
Toni
- F09C37
- E39946
- D79751
- CA945B
- BE9163
- B28E6A
- A58B70
- 998776
- 8D847B
Armonie di colore
Complementare +180°
- FC9E21
Radiant Yellow
- 72BEFF
≈ Green Darner Tail
Analogo -30° +30°
- FC9E21
Radiant Yellow
- FF967A
≈ Vivid Tangerine
- D5B500
≈ Lionhead
Triadico +120° +240°
- FC9E21
Radiant Yellow
- 00D2C4
≈ Turquoise Panic
- CE9DFF
≈ Hydrangea Purple
Complementare divisa +150° +210°
- FC9E21
Radiant Yellow
- 00CCEF
≈ Picnic Day Sky
- A3B0FF
≈ Shy Moment
Tetradico +90° +180° +270°
- FC9E21
Radiant Yellow
- 42D589
≈ Envy’s Love
- 72BEFF
≈ Green Darner Tail
- F78ADE
≈ Pink Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.08:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.05:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
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);
}