Color con nombre · #F95C14
Orange Tiger
Orange Tiger es #F95C14: rgb(249 92 20), hsl(19 95% 53%), oklch(0.675 0.205 40). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Orange Tiger color name →
#F95C14
oklch(0.675 0.205 40)
Conversiones de color
- HEX
- #f95c14
- RGB
- rgb(249 92 20)
- HSL
- hsl(19 95% 53%)
- HWB
- hwb(19 8% 2%)
- OKLCH
- oklch(0.675 0.205 40)
- OKLab
- oklab(0.675 0.157 0.132)
- CIE Lab
- lab(60.6 59.18 66.87)
- LCH
- lch(60.6 89.3 48.5)
- CMYK
- cmyk(0% 63% 92% 2%)
Tintes · Sombras · Tonos
Tintes
- FC703B
- FF8255
- FF936C
- FFA382
- FFB397
- FFC3AC
- FFD2C1
- FFE1D5
- FFF0EA
Sombras
- D94F10
- B9420C
- 9A3608
- 7D2A05
- 611F03
- 461401
- 2C0A01
- 150300
- 030000
Tonos
- EE632C
- E3683B
- D76D47
- CC7152
- C0755B
- B47863
- A87B6B
- 9B7D72
- 8E7F79
Armonías de color
Complementario +180°
- F95C14
Orange Tiger
- 00A7CB
≈ Gummy Dolphins
Análogo -30° +30°
- F95C14
Orange Tiger
- F9507A
≈ Macaroon Rose
- CF8400
≈ Copious Caramel
Triádico +120° +240°
- F95C14
Orange Tiger
- 00B275
≈ Green Teal
- 8486FF
≈ Lavender Blue Shadow
Complementario dividido +150° +210°
- F95C14
Orange Tiger
- 00ADA6
≈ Teal Me No Lies
- 219AFF
≈ Blue Nebula
Tetrádico +90° +180° +270°
- F95C14
Orange Tiger
- 70AB00
≈ Green Envy
- 00A7CB
≈ Gummy Dolphins
- BD6AF3
≈ Queer Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.19:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.56:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.56:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--orange-tiger: #f95c14;
--orange-tiger-rgb: 249 92 20;
--orange-tiger-oklch: oklch(0.675 0.205 40);
}
.element {
color: var(--orange-tiger);
background-color: hsl(19 95% 53%);
border-color: oklch(0.675 0.205 40);
}Tailwind CSS v4
@theme {
--color-orange-tiger: #f95c14;
--color-orange-tiger-50: #ffe3c7;
--color-orange-tiger-100: #ffd2b2;
--color-orange-tiger-200: #ffb68d;
--color-orange-tiger-300: #ff905d;
--color-orange-tiger-400: #fe692e;
--color-orange-tiger-500: #ed3c00;
--color-orange-tiger-600: #c83500;
--color-orange-tiger-700: #a12b00;
--color-orange-tiger-800: #791c00;
--color-orange-tiger-900: #551300;
--color-orange-tiger-950: #390300;
}SCSS
$orange-tiger: #f95c14;
$orange-tiger-rgb: 249, 92, 20;
$orange-tiger-light: mix(#fff, $orange-tiger, 20%);
$orange-tiger-dark: mix(#000, $orange-tiger, 20%);
.element {
color: $orange-tiger;
box-shadow: 0 0 0 2px rgba($orange-tiger, 0.35);
}