Nazwany kolor · #956F7B
Heritage Taffeta
Heritage Taffeta to #956F7B: rgb(149 111 123), hsl(341 15% 51%), oklch(0.583 0.051 358.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Heritage Taffeta color name →
#956F7B
oklch(0.583 0.051 358.1)
Konwersje koloru
- HEX
- #956f7b
- RGB
- rgb(149 111 123)
- HSL
- hsl(341 15% 51%)
- HWB
- hwb(341 44% 42%)
- OKLCH
- oklch(0.583 0.051 358.1)
- OKLab
- oklab(0.583 0.051 -0.002)
- CIE Lab
- lab(51.02 16.94 -0.47)
- LCH
- lch(51.02 16.95 358.4)
- CMYK
- cmyk(0% 26% 17% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A07D87
- AA8A94
- B598A1
- BFA6AE
- CAB5BB
- D4C3C8
- DFD2D6
- EAE1E3
- F4F0F1
Odcienie ciemniejsze
- 81606A
- 6D515A
- 5A424A
- 48343A
- 37272C
- 261A1E
- 160E10
- 080405
- 010101
Tony
- 93717B
- 91737C
- 8F747C
- 8D767D
- 8B787D
- 89797E
- 877B7E
- 857D7F
- 827E7F
Harmonie kolorów
Komplementarna +180°
- 956F7B
Heritage Taffeta
- 5A867B
≈ Wintergreen Dream
Analogowa -30° +30°
- 956F7B
Heritage Taffeta
- 8C718B
≈ Dianthus Mauve
- 97706A
≈ Prairie Dog
Triada +120° +240°
- 956F7B
Heritage Taffeta
- 78805D
≈ Grape Vine
- 5F8096
≈ Bountiful Blue
Komplementarna rozszczepiona +150° +210°
- 956F7B
Heritage Taffeta
- 67846A
≈ Christmas Holly
- 56848B
≈ Rainier Blue
Tetrada +90° +180° +270°
- 956F7B
Heritage Taffeta
- 887A58
≈ Dried Herb
- 5A867B
≈ Wintergreen Dream
- 6E7B9A
≈ Quantum Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.34:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.83:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--heritage-taffeta: #956f7b;
--heritage-taffeta-rgb: 149 111 123;
--heritage-taffeta-oklch: oklch(0.583 0.051 358.1);
}
.element {
color: var(--heritage-taffeta);
background-color: hsl(341 15% 51%);
border-color: oklch(0.583 0.051 358.1);
}Tailwind CSS v4
@theme {
--color-heritage-taffeta: #956f7b;
--color-heritage-taffeta-50: #ffeff4;
--color-heritage-taffeta-100: #f7e1e7;
--color-heritage-taffeta-200: #e8ccd3;
--color-heritage-taffeta-300: #cfadb6;
--color-heritage-taffeta-400: #b8929e;
--color-heritage-taffeta-500: #a37886;
--color-heritage-taffeta-600: #8a6671;
--color-heritage-taffeta-700: #6e515b;
--color-heritage-taffeta-800: #513b43;
--color-heritage-taffeta-900: #39292e;
--color-heritage-taffeta-950: #23161b;
}SCSS
$heritage-taffeta: #956f7b;
$heritage-taffeta-rgb: 149, 111, 123;
$heritage-taffeta-light: mix(#fff, $heritage-taffeta, 20%);
$heritage-taffeta-dark: mix(#000, $heritage-taffeta, 20%);
.element {
color: $heritage-taffeta;
box-shadow: 0 0 0 2px rgba($heritage-taffeta, 0.35);
}