Colore con nome · #FB4F14
Orioles Orange
Orioles Orange è #FB4F14: rgb(251 79 20), hsl(15 97% 53%), oklch(0.664 0.217 36.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Orioles Orange color name →
#FB4F14
oklch(0.664 0.217 36.5)
Conversioni di colore
- HEX
- #fb4f14
- RGB
- rgb(251 79 20)
- HSL
- hsl(15 97% 53%)
- HWB
- hwb(15 8% 2%)
- OKLCH
- oklch(0.664 0.217 36.5)
- OKLab
- oklab(0.664 0.175 0.129)
- CIE Lab
- lab(59.08 64.73 66.26)
- LCH
- lch(59.08 92.63 45.7)
- CMYK
- cmyk(0% 69% 92% 2%)
Tinte · Ombre · Toni
Tinte
- FE663A
- FF7A54
- FF8C6B
- FF9E81
- FFAF96
- FFBFAB
- FFCFC0
- FFDFD5
- FFEFEA
Ombre
- DA4410
- BA380C
- 9C2E08
- 7E2305
- 611903
- 461001
- 2D0701
- 150200
- 030000
Toni
- F0582C
- E5603A
- D96646
- CE6C51
- C2715A
- B67562
- A9786A
- 9C7B72
- 8E7E79
Armonie di colore
Complementare +180°
- FB4F14
Orioles Orange
- 00A4C2
≈ Scuba Blue
Analogo -30° +30°
- FB4F14
Orioles Orange
- F8457E
≈ Flamboyant Flamingo
- CE7E00
≈ Seabuckthorn Yellow Brown
Triadico +120° +240°
- FB4F14
Orioles Orange
- 00AF69
≈ Island Green
- 7984FF
≈ Orchid
Complementare divisa +150° +210°
- FB4F14
Orioles Orange
- 00AA9E
≈ Tropical Hideaway
- 0099F5
≈ Fresh Blue of Bel Air
Tetradico +90° +180° +270°
- FB4F14
Orioles Orange
- 78A500
≈ Support Green
- 00A4C2
≈ Scuba Blue
- B665F9
≈ Queer Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.37:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.23:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.23:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--orioles-orange: #fb4f14;
--orioles-orange-rgb: 251 79 20;
--orioles-orange-oklch: oklch(0.664 0.217 36.5);
}
.element {
color: var(--orioles-orange);
background-color: hsl(15 97% 53%);
border-color: oklch(0.664 0.217 36.5);
}Tailwind CSS v4
@theme {
--color-orioles-orange: #fb4f14;
--color-orioles-orange-50: #ffe0c8;
--color-orioles-orange-100: #ffcfb3;
--color-orioles-orange-200: #ffb28e;
--color-orioles-orange-300: #ff8b5f;
--color-orioles-orange-400: #ff6232;
--color-orioles-orange-500: #f32d00;
--color-orioles-orange-600: #ce2a00;
--color-orioles-orange-700: #a52200;
--color-orioles-orange-800: #7c1500;
--color-orioles-orange-900: #580e00;
--color-orioles-orange-950: #3b0000;
}SCSS
$orioles-orange: #fb4f14;
$orioles-orange-rgb: 251, 79, 20;
$orioles-orange-light: mix(#fff, $orioles-orange, 20%);
$orioles-orange-dark: mix(#000, $orioles-orange, 20%);
.element {
color: $orioles-orange;
box-shadow: 0 0 0 2px rgba($orioles-orange, 0.35);
}