Najbliższy nazwany kolor · #820072
#820072
Najbliższy nazwany kolor: Royal Purpleness
#820072 (rgb(130 0 114), hsl(307 100% 25%), oklch(0.416 0.185 335.1)) jest najbliższy nazwanemu kolorowi Royal Purpleness. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#820072
oklch(0.416 0.185 335.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 902B80
- 9E458E
- AC5D9C
- B974AA
- C58BB8
- D1A2C6
- DDB9D4
- E9D0E2
- F4E7F1
Odcienie ciemniejsze
- 700062
- 5F0053
- 4E0044
- 3E0036
- 2F0028
- 20001B
- 12000E
- 060004
- 010001
Tony
- 831D74
- 842D76
- 853A77
- 864579
- 86507A
- 855A7C
- 85647D
- 846D7E
- 82777F
Harmonie kolorów
Komplementarna +180°
- 820072
Royal Purpleness
- 005C32
≈ Crusoe
Analogowa -30° +30°
- 820072
Royal Purpleness
- 641F99
≈ Wild Violet
- 8E003F
≈ Madrileño Maroon
Triada +120° +240°
- 820072
Royal Purpleness
- 5A4B00
≈ Scorzonera Brown
- 005665
≈ Abyssal Waters
Komplementarna rozszczepiona +150° +210°
- 820072
Royal Purpleness
- 3F5500
≈ Highlands Moss
- 005851
≈ Castleton Green
Tetrada +90° +180° +270°
- 820072
Royal Purpleness
- 6E3F00
≈ Bloodtracker Brown
- 005C32
≈ Crusoe
- 005081
≈ Cleo’s Bath
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.57:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.19:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.57:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
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);
}