Nazwany kolor · #B1928C
Plush Suede
Plush Suede to #B1928C: rgb(177 146 140), hsl(10 19% 62%), oklch(0.687 0.039 30.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Plush Suede color name →
#B1928C
oklch(0.687 0.039 30.9)
Konwersje koloru
- HEX
- #b1928c
- RGB
- rgb(177 146 140)
- HSL
- hsl(10 19% 62%)
- HWB
- hwb(10 55% 31%)
- OKLCH
- oklch(0.687 0.039 30.9)
- OKLab
- oklab(0.687 0.033 0.02)
- CIE Lab
- lab(63.32 11.3 7.79)
- LCH
- lch(63.32 13.72 34.6)
- CMYK
- cmyk(0% 18% 21% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B99C97
- C1A7A2
- C8B2AD
- D0BCB9
- D8C7C4
- E0D2D0
- E8DDDB
- EFE8E7
- F7F4F3
Odcienie ciemniejsze
- 997E79
- 836B67
- 6C5855
- 574643
- 423533
- 2F2523
- 1C1614
- 0C0807
- 010101
Tony
- AC908B
- A78E8A
- A28D88
- 9D8B87
- 998986
- 948785
- 8F8584
- 8A8482
- 858281
Harmonie kolorów
Komplementarna +180°
- B1928C
Plush Suede
- 7FA1A8
≈ Tourmaline
Analogowa -30° +30°
- B1928C
Plush Suede
- B09199
≈ Mauve Shadows
- AD9583
≈ Mocha Tan
Triada +120° +240°
- B1928C
Plush Suede
- 8AA18E
≈ Hillside View
- 919AB3
≈ Moon Veil
Komplementarna rozszczepiona +150° +210°
- B1928C
Plush Suede
- 81A39B
≈ Gnome
- 869EB0
≈ Private Jet
Tetrada +90° +180° +270°
- B1928C
Plush Suede
- 969E84
≈ Herbalist
- 7FA1A8
≈ Tourmaline
- 9E95AF
≈ Night Music
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.85:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.35:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.35:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--plush-suede: #b1928c;
--plush-suede-rgb: 177 146 140;
--plush-suede-oklch: oklch(0.687 0.039 30.9);
}
.element {
color: var(--plush-suede);
background-color: hsl(10 19% 62%);
border-color: oklch(0.687 0.039 30.9);
}Tailwind CSS v4
@theme {
--color-plush-suede: #b1928c;
--color-plush-suede-50: #fff1ee;
--color-plush-suede-100: #f4e4e0;
--color-plush-suede-200: #e4cfca;
--color-plush-suede-300: #cab1ab;
--color-plush-suede-400: #b49791;
--color-plush-suede-500: #9e7d77;
--color-plush-suede-600: #866a65;
--color-plush-suede-700: #6b5550;
--color-plush-suede-800: #4f3e3b;
--color-plush-suede-900: #372a28;
--color-plush-suede-950: #221816;
}SCSS
$plush-suede: #b1928c;
$plush-suede-rgb: 177, 146, 140;
$plush-suede-light: mix(#fff, $plush-suede, 20%);
$plush-suede-dark: mix(#000, $plush-suede, 20%);
.element {
color: $plush-suede;
box-shadow: 0 0 0 2px rgba($plush-suede, 0.35);
}