Nazwany kolor · #BB8899
Mauvey Nude
Mauvey Nude to #BB8899: rgb(187 136 153), hsl(340 27% 63%), oklch(0.681 0.066 357.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Mauvey Nude color name →
#BB8899
oklch(0.681 0.066 357.3)
Konwersje koloru
- HEX
- #bb8899
- RGB
- rgb(187 136 153)
- HSL
- hsl(340 27% 63%)
- HWB
- hwb(340 53% 27%)
- OKLCH
- oklch(0.681 0.066 357.3)
- OKLab
- oklab(0.681 0.066 -0.003)
- CIE Lab
- lab(62.2 21.99 -0.97)
- LCH
- lch(62.2 22.01 357.5)
- CMYK
- cmyk(0% 27% 18% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C293A3
- C99FAD
- D0ABB7
- D7B6C1
- DEC2CB
- E5CED5
- EBDADF
- F2E6EA
- F8F3F4
Odcienie ciemniejsze
- A27584
- 8A6370
- 73525D
- 5C414A
- 463138
- 322227
- 1F1317
- 0D0608
- 020101
Tony
- B58796
- AF8794
- AA8691
- A4858F
- 9E848C
- 98848A
- 928387
- 8C8285
- 868182
Harmonie kolorów
Komplementarna +180°
- BB8899
Mauvey Nude
- 6BA698
≈ Harmony in Green
Analogowa -30° +30°
- BB8899
Mauvey Nude
- AF8BAE
≈ Voila!
- BE8983
≈ Ceremonial Ochre
Triada +120° +240°
- BB8899
Mauvey Nude
- 959F70
≈ Ivy Enchantment
- 719FBD
≈ Crisp French Blue
Komplementarna rozszczepiona +150° +210°
- BB8899
Mauvey Nude
- 7EA481
≈ Corporate Green
- 66A5AE
≈ Nirvana Jewel
Tetrada +90° +180° +270°
- BB8899
Mauvey Nude
- AA9769
≈ Village Crier
- 6BA698
≈ Harmony in Green
- 8798C2
≈ Bel Air Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.95:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.09:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.09:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--mauvey-nude: #bb8899;
--mauvey-nude-rgb: 187 136 153;
--mauvey-nude-oklch: oklch(0.681 0.066 357.3);
}
.element {
color: var(--mauvey-nude);
background-color: hsl(340 27% 63%);
border-color: oklch(0.681 0.066 357.3);
}Tailwind CSS v4
@theme {
--color-mauvey-nude: #bb8899;
--color-mauvey-nude-50: #ffeef4;
--color-mauvey-nude-100: #fcdfe7;
--color-mauvey-nude-200: #edc9d3;
--color-mauvey-nude-300: #d5aab6;
--color-mauvey-nude-400: #bf8f9f;
--color-mauvey-nude-500: #aa7486;
--color-mauvey-nude-600: #906272;
--color-mauvey-nude-700: #734e5b;
--color-mauvey-nude-800: #553943;
--color-mauvey-nude-900: #3b272f;
--color-mauvey-nude-950: #25151b;
}SCSS
$mauvey-nude: #bb8899;
$mauvey-nude-rgb: 187, 136, 153;
$mauvey-nude-light: mix(#fff, $mauvey-nude, 20%);
$mauvey-nude-dark: mix(#000, $mauvey-nude, 20%);
.element {
color: $mauvey-nude;
box-shadow: 0 0 0 2px rgba($mauvey-nude, 0.35);
}