Colore con nome · #FA9761
Indian Paintbrush
Indian Paintbrush è #FA9761: rgb(250 151 97), hsl(21 94% 68%), oklch(0.769 0.138 48.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Indian Paintbrush color name →
#FA9761
oklch(0.769 0.138 48.4)
Conversioni di colore
- HEX
- #fa9761
- RGB
- rgb(250 151 97)
- HSL
- hsl(21 94% 68%)
- HWB
- hwb(21 38% 2%)
- OKLCH
- oklch(0.769 0.138 48.4)
- OKLab
- oklab(0.769 0.092 0.103)
- CIE Lab
- lab(72.35 34.64 44.66)
- LCH
- lch(72.35 56.52 52.2)
- CMYK
- cmyk(0% 40% 61% 2%)
Tinte · Ombre · Toni
Tinte
- FCA272
- FDAD82
- FEB792
- FFC2A2
- FFCCB2
- FFD6C1
- FFE1D1
- FFEBE0
- FFF5F0
Ombre
- D98353
- BA6F46
- 9B5C39
- 7D492D
- 613721
- 462615
- 2D170B
- 150803
- 030100
Toni
- EE9566
- E2936A
- D6926E
- CA8F71
- BE8D74
- B18B77
- A5887A
- 99867C
- 8D837E
Armonie di colore
Complementare +180°
- FA9761
Indian Paintbrush
- 34C4F9
≈ Shovel Knight
Analogo -30° +30°
- FA9761
Indian Paintbrush
- FF8E92
≈ Cherished One
- E3A83D
≈ Mustard Glaze
Triadico +120° +240°
- FA9761
Indian Paintbrush
- 3ED0A4
≈ Mint Jelly
- B1A6FF
≈ Shy Moment
Complementare divisa +150° +210°
- FA9761
Indian Paintbrush
- 00CDD2
≈ Jade Glass
- 84B5FF
≈ Parakeet Blue
Tetradico +90° +180° +270°
- FA9761
Indian Paintbrush
- 86C970
≈ Emerald Rain
- 34C4F9
≈ Shovel Knight
- D996EC
≈ Bright Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.66:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--indian-paintbrush: #fa9761;
--indian-paintbrush-rgb: 250 151 97;
--indian-paintbrush-oklch: oklch(0.769 0.138 48.4);
}
.element {
color: var(--indian-paintbrush);
background-color: hsl(21 94% 68%);
border-color: oklch(0.769 0.138 48.4);
}Tailwind CSS v4
@theme {
--color-indian-paintbrush: #fa9761;
--color-indian-paintbrush-50: #ffebd2;
--color-indian-paintbrush-100: #ffdbbf;
--color-indian-paintbrush-200: #ffc49f;
--color-indian-paintbrush-300: #f0a276;
--color-indian-paintbrush-400: #df8351;
--color-indian-paintbrush-500: #cd6522;
--color-indian-paintbrush-600: #ad5620;
--color-indian-paintbrush-700: #8b4419;
--color-indian-paintbrush-800: #683012;
--color-indian-paintbrush-900: #49210b;
--color-indian-paintbrush-950: #301001;
}SCSS
$indian-paintbrush: #fa9761;
$indian-paintbrush-rgb: 250, 151, 97;
$indian-paintbrush-light: mix(#fff, $indian-paintbrush, 20%);
$indian-paintbrush-dark: mix(#000, $indian-paintbrush, 20%);
.element {
color: $indian-paintbrush;
box-shadow: 0 0 0 2px rgba($indian-paintbrush, 0.35);
}