Colore con nome · #532934
Black Rose
Black Rose è #532934: rgb(83 41 52), hsl(344 34% 24%), oklch(0.341 0.064 4.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Black Rose color name →
#532934
oklch(0.341 0.064 4.3)
Conversioni di colore
- HEX
- #532934
- RGB
- rgb(83 41 52)
- HSL
- hsl(344 34% 24%)
- HWB
- hwb(344 16% 67%)
- OKLCH
- oklch(0.341 0.064 4.3)
- OKLab
- oklab(0.341 0.063 0.005)
- CIE Lab
- lab(22.73 20.95 2.12)
- LCH
- lch(22.73 21.06 5.8)
- CMYK
- cmyk(0% 51% 37% 67%)
Tinte · Ombre · Toni
Tinte
- 643C46
- 745058
- 85646B
- 96787F
- A78E93
- B9A3A8
- CABABD
- DBD0D2
- EDE7E9
Ombre
- 47222C
- 3B1C24
- 30151C
- 250F15
- 1B090E
- 110507
- 080203
- 020101
- 000000
Toni
- 58323B
- 5D3A42
- 62434A
- 664B51
- 6B5459
- 6F5C60
- 746568
- 786E70
- 7C7778
Armonie di colore
Complementare +180°
- 532934
Black Rose
- 00423C
≈ Warm Black
Analogo -30° +30°
- 532934
Black Rose
- 4C2B45
≈ Murasaki
- 542B21
≈ Momoshio Brown
Triadico +120° +240°
- 532934
Black Rose
- 313E16
≈ Hinterlands Green
- 173B57
≈ Gibraltar Sea
Complementare divisa +150° +210°
- 532934
Black Rose
- 194229
≈ Mizukaze Green
- 00404B
≈ Cold and Dark
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.10:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.73:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--black-rose: #532934;
--black-rose-rgb: 83 41 52;
--black-rose-oklch: oklch(0.341 0.064 4.3);
}
.element {
color: var(--black-rose);
background-color: hsl(344 34% 24%);
border-color: oklch(0.341 0.064 4.3);
}Tailwind CSS v4
@theme {
--color-black-rose: #532934;
--color-black-rose-50: #ffeef2;
--color-black-rose-100: #fce0e4;
--color-black-rose-200: #eecad0;
--color-black-rose-300: #d5aab2;
--color-black-rose-400: #c08f9a;
--color-black-rose-500: #ab7581;
--color-black-rose-600: #90636d;
--color-black-rose-700: #744f57;
--color-black-rose-800: #553940;
--color-black-rose-900: #3c272c;
--color-black-rose-950: #251519;
}SCSS
$black-rose: #532934;
$black-rose-rgb: 83, 41, 52;
$black-rose-light: mix(#fff, $black-rose, 20%);
$black-rose-dark: mix(#000, $black-rose, 20%);
.element {
color: $black-rose;
box-shadow: 0 0 0 2px rgba($black-rose, 0.35);
}