Colore con nome · #513E4D
Royal Velvet
Royal Velvet è #513E4D: rgb(81 62 77), hsl(313 13% 28%), oklch(0.39 0.036 333.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Royal Velvet color name →
#513E4D
oklch(0.39 0.036 333.7)
Conversioni di colore
- HEX
- #513e4d
- RGB
- rgb(81 62 77)
- HSL
- hsl(313 13% 28%)
- HWB
- hwb(313 24% 68%)
- OKLCH
- oklch(0.39 0.036 333.7)
- OKLab
- oklab(0.39 0.032 -0.016)
- CIE Lab
- lab(28.73 10.74 -5.8)
- LCH
- lch(28.73 12.2 331.6)
- CMYK
- cmyk(0% 23% 5% 68%)
Tinte · Ombre · Toni
Tinte
- 614F5D
- 71616E
- 82737E
- 938690
- A499A1
- B6ADB4
- C8C1C6
- DAD5D9
- ECEAEC
Ombre
- 453542
- 3A2B37
- 2F232C
- 241A22
- 1A1218
- 100A0F
- 070407
- 020102
- 000000
Toni
- 564452
- 5A4B57
- 5F515C
- 645861
- 685E66
- 6D656B
- 726C70
- 777276
- 7B797B
Armonie di colore
Complementare +180°
- 513E4D
Royal Velvet
- 364B3C
≈ Mountain View
Analogo -30° +30°
- 513E4D
Royal Velvet
- 494055
≈ Royal Treatment
- 563D43
≈ Fudge
Triadico +120° +240°
- 513E4D
Royal Velvet
- 4B452F
≈ Limonite Brown
- 2E4A51
≈ Pallasite Blue
Complementare divisa +150° +210°
- 513E4D
Royal Velvet
- 414833
≈ Rifle Green
- 2F4B47
≈ Peacock House
Tetradico +90° +180° +270°
- 513E4D
Royal Velvet
- 534131
≈ Old Treasure Chest
- 364B3C
≈ Mountain View
- 354757
≈ Aristocratic Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.78:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.14:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.78:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-velvet: #513e4d;
--royal-velvet-rgb: 81 62 77;
--royal-velvet-oklch: oklch(0.39 0.036 333.7);
}
.element {
color: var(--royal-velvet);
background-color: hsl(313 13% 28%);
border-color: oklch(0.39 0.036 333.7);
}Tailwind CSS v4
@theme {
--color-royal-velvet: #513e4d;
--color-royal-velvet-50: #fcf1f9;
--color-royal-velvet-100: #f0e4ec;
--color-royal-velvet-200: #dfcfda;
--color-royal-velvet-300: #c4b1be;
--color-royal-velvet-400: #ac97a7;
--color-royal-velvet-500: #957e90;
--color-royal-velvet-600: #7e6a7a;
--color-royal-velvet-700: #655562;
--color-royal-velvet-800: #4a3e48;
--color-royal-velvet-900: #332b32;
--color-royal-velvet-950: #1f181e;
}SCSS
$royal-velvet: #513e4d;
$royal-velvet-rgb: 81, 62, 77;
$royal-velvet-light: mix(#fff, $royal-velvet, 20%);
$royal-velvet-dark: mix(#000, $royal-velvet, 20%);
.element {
color: $royal-velvet;
box-shadow: 0 0 0 2px rgba($royal-velvet, 0.35);
}