Nazwany kolor · #C89697
Minstrel Rose
Minstrel Rose to #C89697: rgb(200 150 151), hsl(359 31% 69%), oklch(0.721 0.06 17.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Minstrel Rose color name →
#C89697
oklch(0.721 0.06 17.3)
Konwersje koloru
- HEX
- #c89697
- RGB
- rgb(200 150 151)
- HSL
- hsl(359 31% 69%)
- HWB
- hwb(359 59% 22%)
- OKLCH
- oklch(0.721 0.06 17.3)
- OKLab
- oklab(0.721 0.058 0.018)
- CIE Lab
- lab(66.97 19.45 7.19)
- LCH
- lch(66.97 20.74 20.3)
- CMYK
- cmyk(0% 25% 25% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEA0A1
- D4AAAB
- D9B5B5
- DFBFBF
- E4CACA
- EAD4D4
- EFDFDF
- F5E9E9
- FAF4F4
Odcienie ciemniejsze
- AE8283
- 946E6F
- 7B5B5C
- 634949
- 4C3737
- 362626
- 211617
- 0F0808
- 020101
Tony
- C19495
- BA9292
- B29090
- AB8D8E
- A48B8B
- 9D8989
- 968787
- 8F8585
- 878282
Harmonie kolorów
Komplementarna +180°
- C89697
Minstrel Rose
- 77B1B2
≈ Venice Escape
Analogowa -30° +30°
- C89697
Minstrel Rose
- C296AC
≈ Cherished
- C59A85
≈ Chestnut Bisque
Triada +120° +240°
- C89697
Minstrel Rose
- 93AE89
≈ Fair Green
- 8DA7CB
≈ Polo Blue
Komplementarna rozszczepiona +150° +210°
- C89697
Minstrel Rose
- 80B19D
≈ Beau Monde
- 7CADC3
≈ Soul Blue
Tetrada +90° +180° +270°
- C89697
Minstrel Rose
- A8A87C
≈ Olive Tree
- 77B1B2
≈ Venice Escape
- A2A0C9
≈ May Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.54:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.26:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--minstrel-rose: #c89697;
--minstrel-rose-rgb: 200 150 151;
--minstrel-rose-oklch: oklch(0.721 0.06 17.3);
}
.element {
color: var(--minstrel-rose);
background-color: hsl(359 31% 69%);
border-color: oklch(0.721 0.06 17.3);
}Tailwind CSS v4
@theme {
--color-minstrel-rose: #c89697;
--color-minstrel-rose-50: #ffefee;
--color-minstrel-rose-100: #fce0e0;
--color-minstrel-rose-200: #edcbca;
--color-minstrel-rose-300: #d5acab;
--color-minstrel-rose-400: #c09091;
--color-minstrel-rose-500: #ab7677;
--color-minstrel-rose-600: #906465;
--color-minstrel-rose-700: #745051;
--color-minstrel-rose-800: #553a3b;
--color-minstrel-rose-900: #3c2829;
--color-minstrel-rose-950: #251617;
}SCSS
$minstrel-rose: #c89697;
$minstrel-rose-rgb: 200, 150, 151;
$minstrel-rose-light: mix(#fff, $minstrel-rose, 20%);
$minstrel-rose-dark: mix(#000, $minstrel-rose, 20%);
.element {
color: $minstrel-rose;
box-shadow: 0 0 0 2px rgba($minstrel-rose, 0.35);
}