Colore con nome · #F49476
Indian Dance
Indian Dance è #F49476: rgb(244 148 118), hsl(14 85% 71%), oklch(0.76 0.124 38.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Indian Dance color name →
#F49476
oklch(0.76 0.124 38.1)
Conversioni di colore
- HEX
- #f49476
- RGB
- rgb(244 148 118)
- HSL
- hsl(14 85% 71%)
- HWB
- hwb(14 46% 4%)
- OKLCH
- oklch(0.76 0.124 38.1)
- OKLab
- oklab(0.76 0.097 0.076)
- CIE Lab
- lab(71.18 34.92 32.03)
- LCH
- lch(71.18 47.38 42.5)
- CMYK
- cmyk(0% 39% 52% 4%)
Tinte · Ombre · Toni
Tinte
- F69F84
- F8AA91
- FAB59F
- FCC0AD
- FDCABA
- FED5C8
- FFDFD6
- FFEAE3
- FFF4F1
Ombre
- D48066
- B56D56
- 975A47
- 7A4838
- 5E3629
- 44261C
- 2B160F
- 140805
- 030101
Toni
- E99378
- DD9179
- D28F7A
- C68D7C
- BB8B7D
- AF897E
- A4877E
- 98857F
- 8C8380
Armonie di colore
Complementare +180°
- F49476
Indian Dance
- 36C3E5
≈ Caribbean Blue
Analogo -30° +30°
- F49476
Indian Dance
- F48EA2
≈ Dollie
- E5A153
≈ Roasted Squash
Triadico +120° +240°
- F49476
Indian Dance
- 64C993
≈ Vegetation
- 9FA9FF
≈ Widowmaker
Complementare divisa +150° +210°
- F49476
Indian Dance
- 2CCAC0
≈ Exquisite Turquoise
- 6DB7FC
≈ French Sky Blue
Tetradico +90° +180° +270°
- F49476
Indian Dance
- 9AC067
≈ Green Pepper
- 36C3E5
≈ Caribbean Blue
- C79BED
≈ Dream Vapour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.34:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--indian-dance: #f49476;
--indian-dance-rgb: 244 148 118;
--indian-dance-oklch: oklch(0.76 0.124 38.1);
}
.element {
color: var(--indian-dance);
background-color: hsl(14 85% 71%);
border-color: oklch(0.76 0.124 38.1);
}Tailwind CSS v4
@theme {
--color-indian-dance: #f49476;
--color-indian-dance-50: #ffeadb;
--color-indian-dance-100: #ffdbc9;
--color-indian-dance-200: #ffc3ac;
--color-indian-dance-300: #eea287;
--color-indian-dance-400: #dd8367;
--color-indian-dance-500: #ca6545;
--color-indian-dance-600: #aa563b;
--color-indian-dance-700: #89452f;
--color-indian-dance-800: #663122;
--color-indian-dance-900: #482117;
--color-indian-dance-950: #2f1008;
}SCSS
$indian-dance: #f49476;
$indian-dance-rgb: 244, 148, 118;
$indian-dance-light: mix(#fff, $indian-dance, 20%);
$indian-dance-dark: mix(#000, $indian-dance, 20%);
.element {
color: $indian-dance;
box-shadow: 0 0 0 2px rgba($indian-dance, 0.35);
}