Colore con nome più vicino · #820072
#820072
Colore con nome più vicino: Royal Purpleness
#820072 (rgb(130 0 114), hsl(307 100% 25%), oklch(0.416 0.185 335.1)) è più vicino al colore con nome Royal Purpleness. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#820072
oklch(0.416 0.185 335.1)
Conversioni di colore
- HEX
- #820072
- RGB
- rgb(130 0 114)
- HSL
- hsl(307 100% 25%)
- HWB
- hwb(307 0% 49%)
- OKLCH
- oklch(0.416 0.185 335.1)
- OKLab
- oklab(0.416 0.168 -0.078)
- CIE Lab
- lab(29.38 55.01 -27.88)
- LCH
- lch(29.38 61.67 333.1)
- CMYK
- cmyk(0% 100% 12% 49%)
Tinte · Ombre · Toni
Tinte
- 902B80
- 9E458E
- AC5D9C
- B974AA
- C58BB8
- D1A2C6
- DDB9D4
- E9D0E2
- F4E7F1
Ombre
- 700062
- 5F0053
- 4E0044
- 3E0036
- 2F0028
- 20001B
- 12000E
- 060004
- 010001
Toni
- 831D74
- 842D76
- 853A77
- 864579
- 86507A
- 855A7C
- 85647D
- 846D7E
- 82777F
Armonie di colore
Complementare +180°
- 820072
Royal Purpleness
- 005C32
≈ Crusoe
Analogo -30° +30°
- 820072
Royal Purpleness
- 641F99
≈ Wild Violet
- 8E003F
≈ Madrileño Maroon
Triadico +120° +240°
- 820072
Royal Purpleness
- 5A4B00
≈ Scorzonera Brown
- 005665
≈ Abyssal Waters
Complementare divisa +150° +210°
- 820072
Royal Purpleness
- 3F5500
≈ Highlands Moss
- 005851
≈ Castleton Green
Tetradico +90° +180° +270°
- 820072
Royal Purpleness
- 6E3F00
≈ Bloodtracker Brown
- 005C32
≈ Crusoe
- 005081
≈ Cleo’s Bath
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.57:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.19:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.57:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-purpleness: #820072;
--royal-purpleness-rgb: 130 0 114;
--royal-purpleness-oklch: oklch(0.416 0.185 335.1);
}
.element {
color: var(--royal-purpleness);
background-color: hsl(307 100% 25%);
border-color: oklch(0.416 0.185 335.1);
}Tailwind CSS v4
@theme {
--color-royal-purpleness: #820072;
--color-royal-purpleness-50: #ffe2ff;
--color-royal-purpleness-100: #ffd1fe;
--color-royal-purpleness-200: #ffb6f1;
--color-royal-purpleness-300: #f391d9;
--color-royal-purpleness-400: #de6fc9;
--color-royal-purpleness-500: #cb49b5;
--color-royal-purpleness-600: #ac3f99;
--color-royal-purpleness-700: #8a337b;
--color-royal-purpleness-800: #66245d;
--color-royal-purpleness-900: #471841;
--color-royal-purpleness-950: #2e082a;
}SCSS
$royal-purpleness: #820072;
$royal-purpleness-rgb: 130, 0, 114;
$royal-purpleness-light: mix(#fff, $royal-purpleness, 20%);
$royal-purpleness-dark: mix(#000, $royal-purpleness, 20%);
.element {
color: $royal-purpleness;
box-shadow: 0 0 0 2px rgba($royal-purpleness, 0.35);
}