Najbliższy nazwany kolor · #82004C
#82004C
Najbliższy nazwany kolor: Velvet
#82004C (rgb(130 0 76), hsl(325 100% 25%), oklch(0.397 0.163 354.4)) jest najbliższy nazwanemu kolorowi Velvet. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#82004C
oklch(0.397 0.163 354.4)
Konwersje koloru
- HEX
- #82004c
- RGB
- rgb(130 0 76)
- HSL
- hsl(325 100% 25%)
- HWB
- hwb(325 0% 49%)
- OKLCH
- oklch(0.397 0.163 354.4)
- OKLab
- oklab(0.397 0.162 -0.016)
- CIE Lab
- lab(27.86 51.73 -5.34)
- LCH
- lch(27.86 52.01 354.1)
- CMYK
- cmyk(0% 100% 42% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91295C
- 9F436D
- AD5B7E
- BA728F
- C789A1
- D3A0B3
- DFB7C6
- EACFD8
- F5E7EC
Odcienie ciemniejsze
- 700041
- 5F0036
- 4E002C
- 3E0022
- 2F0018
- 20000F
- 120006
- 060002
- 010000
Tony
- 841B51
- 852B56
- 86385B
- 874460
- 874E66
- 87596B
- 866370
- 856D75
- 83767B
Harmonie kolorów
Komplementarna +180°
- 82004C
Velvet
- 005444
≈ Tetsu Green
Analogowa -30° +30°
- 82004C
Velvet
- 6E1776
≈ Pure Purple
- 890014
≈ Bloodthirsty
Triada +120° +240°
- 82004C
Velvet
- 464C00
≈ No Emissions Green
- 004D6D
≈ Navy Dark Blue
Komplementarna rozszczepiona +150° +210°
- 82004C
Velvet
- 00570F
≈ Forest
- 005158
≈ Cathedral View
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.22:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.05:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.22:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--velvet: #82004c;
--velvet-rgb: 130 0 76;
--velvet-oklch: oklch(0.397 0.163 354.4);
}
.element {
color: var(--velvet);
background-color: hsl(325 100% 25%);
border-color: oklch(0.397 0.163 354.4);
}Tailwind CSS v4
@theme {
--color-velvet: #82004c;
--color-velvet-50: #ffe3f6;
--color-velvet-100: #ffd2e9;
--color-velvet-200: #ffb7d6;
--color-velvet-300: #f993b9;
--color-velvet-400: #e671a4;
--color-velvet-500: #d44d8d;
--color-velvet-600: #b34377;
--color-velvet-700: #90355f;
--color-velvet-800: #6a2548;
--color-velvet-900: #4b1932;
--color-velvet-950: #31091e;
}SCSS
$velvet: #82004c;
$velvet-rgb: 130, 0, 76;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);
.element {
color: $velvet;
box-shadow: 0 0 0 2px rgba($velvet, 0.35);
}