Nazwany kolor · #F49476
Indian Dance
Indian Dance to #F49476: rgb(244 148 118), hsl(14 85% 71%), oklch(0.76 0.124 38.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Indian Dance color name →
#F49476
oklch(0.76 0.124 38.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F69F84
- F8AA91
- FAB59F
- FCC0AD
- FDCABA
- FED5C8
- FFDFD6
- FFEAE3
- FFF4F1
Odcienie ciemniejsze
- D48066
- B56D56
- 975A47
- 7A4838
- 5E3629
- 44261C
- 2B160F
- 140805
- 030101
Tony
- E99378
- DD9179
- D28F7A
- C68D7C
- BB8B7D
- AF897E
- A4877E
- 98857F
- 8C8380
Harmonie kolorów
Komplementarna +180°
- F49476
Indian Dance
- 36C3E5
≈ Caribbean Blue
Analogowa -30° +30°
- F49476
Indian Dance
- F48EA2
≈ Dollie
- E5A153
≈ Roasted Squash
Triada +120° +240°
- F49476
Indian Dance
- 64C993
≈ Vegetation
- 9FA9FF
≈ Widowmaker
Komplementarna rozszczepiona +150° +210°
- F49476
Indian Dance
- 2CCAC0
≈ Exquisite Turquoise
- 6DB7FC
≈ French Sky Blue
Tetrada +90° +180° +270°
- F49476
Indian Dance
- 9AC067
≈ Green Pepper
- 36C3E5
≈ Caribbean Blue
- C79BED
≈ Dream Vapour
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.24:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.34:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
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);
}