Color con nombre · #FE9A50
Autumn Splendour
Autumn Splendour es #FE9A50: rgb(254 154 80), hsl(26 99% 65%), oklch(0.777 0.149 54.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Autumn Splendour color name →
#FE9A50
oklch(0.777 0.149 54.8)
Conversiones de color
- HEX
- #fe9a50
- RGB
- rgb(254 154 80)
- HSL
- hsl(26 99% 65%)
- HWB
- hwb(26 31% 0%)
- OKLCH
- oklch(0.777 0.149 54.8)
- OKLab
- oklab(0.777 0.086 0.122)
- CIE Lab
- lab(73.35 34.02 54.28)
- LCH
- lch(73.35 64.06 57.9)
- CMYK
- cmyk(0% 39% 69% 0%)
Tintes · Sombras · Tonos
Tintes
- FFA565
- FFAF78
- FFBA89
- FFC49B
- FFCEAC
- FFD8BD
- FFE2CD
- FFECDE
- FFF5EE
Sombras
- DD8544
- BD7139
- 9E5E2E
- 804B24
- 63391A
- 472710
- 2D1707
- 160902
- 030100
Tonos
- F19858
- E5965F
- D89464
- CC916A
- BF8F6E
- B38C73
- A68976
- 9A867A
- 8D837D
Armonías de color
Complementario +180°
- FE9A50
Autumn Splendour
- 4FC3FF
≈ Shovel Knight
Análogo -30° +30°
- FE9A50
Autumn Splendour
- FF938C
≈ Lolly
- E2AD29
≈ Urobilin
Triádico +120° +240°
- FE9A50
Autumn Splendour
- 00D4B1
≈ Channel Marker Green
- BCA5FF
≈ Diva
Complementario dividido +150° +210°
- FE9A50
Autumn Splendour
- 00CEDE
≈ Jade Glass
- 93B5FF
≈ Carolina Blue
Tetrádico +90° +180° +270°
- FE9A50
Autumn Splendour
- 75CF78
≈ Snow Pea
- 4FC3FF
≈ Shovel Knight
- E593EB
≈ Diva Mecha
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 9.95:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--autumn-splendour: #fe9a50;
--autumn-splendour-rgb: 254 154 80;
--autumn-splendour-oklch: oklch(0.777 0.149 54.8);
}
.element {
color: var(--autumn-splendour);
background-color: hsl(26 99% 65%);
border-color: oklch(0.777 0.149 54.8);
}Tailwind CSS v4
@theme {
--color-autumn-splendour: #fe9a50;
--color-autumn-splendour-50: #ffebcc;
--color-autumn-splendour-100: #ffdcb8;
--color-autumn-splendour-200: #ffc495;
--color-autumn-splendour-300: #f1a369;
--color-autumn-splendour-400: #e0843d;
--color-autumn-splendour-500: #ce6500;
--color-autumn-splendour-600: #ae5600;
--color-autumn-splendour-700: #8c4500;
--color-autumn-splendour-800: #693000;
--color-autumn-splendour-900: #4a2102;
--color-autumn-splendour-950: #301000;
}SCSS
$autumn-splendour: #fe9a50;
$autumn-splendour-rgb: 254, 154, 80;
$autumn-splendour-light: mix(#fff, $autumn-splendour, 20%);
$autumn-splendour-dark: mix(#000, $autumn-splendour, 20%);
.element {
color: $autumn-splendour;
box-shadow: 0 0 0 2px rgba($autumn-splendour, 0.35);
}