Najbliższy nazwany kolor · #896079
#896079
Najbliższy nazwany kolor: Indian Silk
#896079 (rgb(137 96 121), hsl(323 18% 46%), oklch(0.54 0.064 342.3)) jest najbliższy nazwanemu kolorowi Indian Silk. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#896079
oklch(0.54 0.064 342.3)
Konwersje koloru
- HEX
- #896079
- RGB
- rgb(137 96 121)
- HSL
- hsl(323 18% 46%)
- HWB
- hwb(323 38% 46%)
- OKLCH
- oklch(0.54 0.064 342.3)
- OKLab
- oklab(0.54 0.061 -0.019)
- CIE Lab
- lab(45.79 20.23 -7.12)
- LCH
- lch(45.79 21.44 340.6)
- CMYK
- cmyk(0% 30% 12% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 956F86
- A07E92
- AC8D9F
- B89DAD
- C4ADBA
- CFBDC7
- DBCDD5
- E7DDE3
- F3EEF1
Odcienie ciemniejsze
- 765268
- 644558
- 533848
- 422C39
- 31202B
- 22151D
- 140A10
- 070305
- 010001
Tony
- 88637A
- 88677A
- 876A7B
- 866D7C
- 85707D
- 84737D
- 83777E
- 827A7F
- 817D7F
Harmonie kolorów
Komplementarna +180°
- 896079
Indian Silk
- 4B7B64
≈ Leaping Lizard
Analogowa -30° +30°
- 896079
Indian Silk
- 7B648A
≈ Dusty Purple
- 905F65
≈ Prosperity
Triada +120° +240°
- 896079
Indian Silk
- 767044
≈ Vineyard View
- 42778A
≈ Blue Catch
Komplementarna rozszczepiona +150° +210°
- 896079
Indian Silk
- 617750
≈ Garden Club
- 3D7B78
≈ Faded Jade
Tetrada +90° +180° +270°
- 896079
Indian Silk
- 866944
≈ Nom Nom
- 4B7B64
≈ Leaping Lizard
- 547193
≈ Moonlight Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--indian-silk: #896079;
--indian-silk-rgb: 137 96 121;
--indian-silk-oklch: oklch(0.54 0.064 342.3);
}
.element {
color: var(--indian-silk);
background-color: hsl(323 18% 46%);
border-color: oklch(0.54 0.064 342.3);
}Tailwind CSS v4
@theme {
--color-indian-silk: #896079;
--color-indian-silk-50: #ffeefa;
--color-indian-silk-100: #f8e0ed;
--color-indian-silk-200: #e9cadb;
--color-indian-silk-300: #d0abbf;
--color-indian-silk-400: #ba90a9;
--color-indian-silk-500: #a47592;
--color-indian-silk-600: #8b647b;
--color-indian-silk-700: #6f5063;
--color-indian-silk-800: #523a49;
--color-indian-silk-900: #392833;
--color-indian-silk-950: #23161e;
}SCSS
$indian-silk: #896079;
$indian-silk-rgb: 137, 96, 121;
$indian-silk-light: mix(#fff, $indian-silk, 20%);
$indian-silk-dark: mix(#000, $indian-silk, 20%);
.element {
color: $indian-silk;
box-shadow: 0 0 0 2px rgba($indian-silk, 0.35);
}