Nazwany kolor · #996872
Nouveau Rose
Nouveau Rose to #996872: rgb(153 104 114), hsl(348 19% 50%), oklch(0.572 0.064 5.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Nouveau Rose color name →
#996872
oklch(0.572 0.064 5.9)
Konwersje koloru
- HEX
- #996872
- RGB
- rgb(153 104 114)
- HSL
- hsl(348 19% 50%)
- HWB
- hwb(348 41% 40%)
- OKLCH
- oklch(0.572 0.064 5.9)
- OKLab
- oklab(0.572 0.064 0.007)
- CIE Lab
- lab(49.53 21.32 2.79)
- LCH
- lch(49.53 21.5 7.4)
- CMYK
- cmyk(0% 32% 25% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3767F
- AE858C
- B8939A
- C2A2A8
- CCB1B6
- D7C0C4
- E1D0D3
- EBDFE1
- F5EFF0
Odcienie ciemniejsze
- 845962
- 704B53
- 5D3E44
- 4A3036
- 382428
- 27181B
- 170C0E
- 080404
- 010001
Tony
- 976B73
- 956D75
- 927076
- 907278
- 8E7479
- 8B777A
- 88797C
- 867B7D
- 837E7F
Harmonie kolorów
Komplementarna +180°
- 996872
Nouveau Rose
- 48847D
≈ Carlisle
Analogowa -30° +30°
- 996872
Nouveau Rose
- 906986
≈ Fruit of Passion
- 9A6A5E
≈ Pi²
Triada +120° +240°
- 996872
Nouveau Rose
- 6E7F55
≈ Terrain
- 587C9C
≈ Glass Sapphire
Komplementarna rozszczepiona +150° +210°
- 996872
Nouveau Rose
- 588368
≈ Green Goth Eyeshadow
- 488290
≈ Casual Blue
Tetrada +90° +180° +270°
- 996872
Nouveau Rose
- 83784B
≈ Swamp Mud
- 48847D
≈ Carlisle
- 6D759E
≈ Bleached Denim
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.58:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.57:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.58:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--nouveau-rose: #996872;
--nouveau-rose-rgb: 153 104 114;
--nouveau-rose-oklch: oklch(0.572 0.064 5.9);
}
.element {
color: var(--nouveau-rose);
background-color: hsl(348 19% 50%);
border-color: oklch(0.572 0.064 5.9);
}Tailwind CSS v4
@theme {
--color-nouveau-rose: #996872;
--color-nouveau-rose-50: #ffeef2;
--color-nouveau-rose-100: #fce0e4;
--color-nouveau-rose-200: #eec9cf;
--color-nouveau-rose-300: #d6aab1;
--color-nouveau-rose-400: #c08f99;
--color-nouveau-rose-500: #ab7480;
--color-nouveau-rose-600: #91636c;
--color-nouveau-rose-700: #744f56;
--color-nouveau-rose-800: #563940;
--color-nouveau-rose-900: #3c272c;
--color-nouveau-rose-950: #251519;
}SCSS
$nouveau-rose: #996872;
$nouveau-rose-rgb: 153, 104, 114;
$nouveau-rose-light: mix(#fff, $nouveau-rose, 20%);
$nouveau-rose-dark: mix(#000, $nouveau-rose, 20%);
.element {
color: $nouveau-rose;
box-shadow: 0 0 0 2px rgba($nouveau-rose, 0.35);
}