Color con nombre · #FA9D49
Sunshade
Sunshade es #FA9D49: rgb(250 157 73), hsl(28 95% 63%), oklch(0.776 0.148 59.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Sunshade color name →
#FA9D49
oklch(0.776 0.148 59.7)
Conversiones de color
- HEX
- #fa9d49
- RGB
- rgb(250 157 73)
- HSL
- hsl(28 95% 63%)
- HWB
- hwb(28 29% 2%)
- OKLCH
- oklch(0.776 0.148 59.7)
- OKLab
- oklab(0.776 0.074 0.127)
- CIE Lab
- lab(73.44 30.69 57.39)
- LCH
- lch(73.44 65.08 61.9)
- CMYK
- cmyk(0% 37% 71% 2%)
Tintes · Sombras · Tonos
Tintes
- FCA75F
- FDB273
- FEBC86
- FFC598
- FFCFAA
- FFD9BB
- FFE3CC
- FFECDD
- FFF6EE
Sombras
- D9883E
- BA7334
- 9B5F2A
- 7D4C20
- 613A17
- 46280E
- 2D1806
- 150902
- 030100
Tonos
- EE9B52
- E2985A
- D59661
- C99367
- BD906C
- B18D71
- A58A75
- 998779
- 8C837D
Armonías de color
Complementario +180°
- FA9D49
Sunshade
- 60C0FF
≈ Hello Summer
Análogo -30° +30°
- FA9D49
Sunshade
- FF9484
≈ Orange Aura
- DBB12A
≈ Ogen Melon
Triádico +120° +240°
- FA9D49
Sunshade
- 00D3B9
≈ Mint Leaf
- C3A2FF
≈ Diva
Complementario dividido +150° +210°
- FA9D49
Sunshade
- 00CDE5
≈ Picnic Day Sky
- 9AB3FF
≈ Wondrous Wisteria
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 9.98:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.98:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--sunshade: #fa9d49;
--sunshade-rgb: 250 157 73;
--sunshade-oklch: oklch(0.776 0.148 59.7);
}
.element {
color: var(--sunshade);
background-color: hsl(28 95% 63%);
border-color: oklch(0.776 0.148 59.7);
}Tailwind CSS v4
@theme {
--color-sunshade: #fa9d49;
--color-sunshade-50: #ffedcb;
--color-sunshade-100: #ffdeb6;
--color-sunshade-200: #ffc693;
--color-sunshade-300: #eea565;
--color-sunshade-400: #dd8736;
--color-sunshade-500: #ca6800;
--color-sunshade-600: #ab5900;
--color-sunshade-700: #894700;
--color-sunshade-800: #673200;
--color-sunshade-900: #482200;
--color-sunshade-950: #2f1100;
}SCSS
$sunshade: #fa9d49;
$sunshade-rgb: 250, 157, 73;
$sunshade-light: mix(#fff, $sunshade, 20%);
$sunshade-dark: mix(#000, $sunshade, 20%);
.element {
color: $sunshade;
box-shadow: 0 0 0 2px rgba($sunshade, 0.35);
}