Colore con nome · #FA8C4F
Blaze
Blaze è #FA8C4F: rgb(250 140 79), hsl(21 94% 65%), oklch(0.748 0.153 48). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Blaze color name →
#FA8C4F
oklch(0.748 0.153 48)
Conversioni di colore
- HEX
- #fa8c4f
- RGB
- rgb(250 140 79)
- HSL
- hsl(21 94% 65%)
- HWB
- hwb(21 31% 2%)
- OKLCH
- oklch(0.748 0.153 48)
- OKLab
- oklab(0.748 0.103 0.114)
- CIE Lab
- lab(69.86 39.26 50.86)
- LCH
- lch(69.86 64.25 52.3)
- CMYK
- cmyk(0% 44% 68% 2%)
Tinte · Ombre · Toni
Tinte
- FC9863
- FEA476
- FFB088
- FFBC99
- FFC7AA
- FFD2BB
- FFDECC
- FFE9DD
- FFF4EE
Ombre
- D97944
- BA6738
- 9B552E
- 7D4323
- 613319
- 462310
- 2D1407
- 150702
- 030100
Toni
- EE8C57
- E28B5D
- D68A63
- CA8968
- BE886D
- B28771
- A68676
- 998479
- 8D827D
Armonie di colore
Complementare +180°
- FA8C4F
Blaze
- 00BEF5
≈ Spiro Disco Ball
Analogo -30° +30°
- FA8C4F
Blaze
- FF8189
≈ Camaron Pink
- E29F10
≈ Bilious Brown
Triadico +120° +240°
- FA8C4F
Blaze
- 00CB9B
≈ Caribbean Green
- AA9EFF
≈ Cobalite
Complementare divisa +150° +210°
- FA8C4F
Blaze
- 00C5CA
≈ Turquoise Surf
- 78AFFF
≈ Fennel Flower
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.92:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--blaze: #fa8c4f;
--blaze-rgb: 250 140 79;
--blaze-oklch: oklch(0.748 0.153 48);
}
.element {
color: var(--blaze);
background-color: hsl(21 94% 65%);
border-color: oklch(0.748 0.153 48);
}Tailwind CSS v4
@theme {
--color-blaze: #fa8c4f;
--color-blaze-50: #ffe9cf;
--color-blaze-100: #ffdabb;
--color-blaze-200: #ffc199;
--color-blaze-300: #f69f6d;
--color-blaze-400: #e67f46;
--color-blaze-500: #d45f01;
--color-blaze-600: #b3510a;
--color-blaze-700: #90400a;
--color-blaze-800: #6c2d08;
--color-blaze-900: #4c1f06;
--color-blaze-950: #320e00;
}SCSS
$blaze: #fa8c4f;
$blaze-rgb: 250, 140, 79;
$blaze-light: mix(#fff, $blaze, 20%);
$blaze-dark: mix(#000, $blaze, 20%);
.element {
color: $blaze;
box-shadow: 0 0 0 2px rgba($blaze, 0.35);
}