Najbliższy nazwany kolor · #826A9F
#826A9F
Najbliższy nazwany kolor: Crown Jewels
#826A9F (rgb(130 106 159), hsl(267 22% 52%), oklch(0.568 0.084 304.6)) jest najbliższy nazwanemu kolorowi Crown Jewels. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#826A9F
oklch(0.568 0.084 304.6)
Konwersje koloru
- HEX
- #826a9f
- RGB
- rgb(130 106 159)
- HSL
- hsl(267 22% 52%)
- HWB
- hwb(267 42% 38%)
- OKLCH
- oklch(0.568 0.084 304.6)
- OKLab
- oklab(0.568 0.048 -0.069)
- CIE Lab
- lab(48.76 18.03 -25.25)
- LCH
- lch(48.76 31.03 305.5)
- CMYK
- cmyk(18% 33% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8E78A9
- 9A86B2
- A695BC
- B2A4C5
- BFB2CF
- CBC1D9
- D8D1E2
- E5E0EC
- F2EFF5
Odcienie ciemniejsze
- 705B8A
- 5F4D75
- 4E3F61
- 3E314D
- 2F243B
- 201829
- 120D18
- 060409
- 010001
Tony
- 826C9C
- 826F99
- 817196
- 817393
- 817690
- 81788D
- 817A8A
- 807C87
- 807E83
Harmonie kolorów
Komplementarna +180°
- 826A9F
Crown Jewels
- 6C7F46
≈ Rockwall Vine
Analogowa -30° +30°
- 826A9F
Crown Jewels
- 6873A9
≈ Mountain Flower Mauve
- 95648B
≈ Raspberry Jelly Red
Triada +120° +240°
- 826A9F
Crown Jewels
- 996C3F
≈ Horsing Around
- 2F877D
≈ Copper Turquoise
Komplementarna rozszczepiona +150° +210°
- 826A9F
Crown Jewels
- 877638
≈ Jumping Juniper
- 4C8660
≈ Mallard Green
Tetrada +90° +180° +270°
- 826A9F
Crown Jewels
- A26455
≈ Rust Coloured
- 6C7F46
≈ Rockwall Vine
- 2E8395
≈ Kings of Sea
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.65:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.51:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--crown-jewels: #826a9f;
--crown-jewels-rgb: 130 106 159;
--crown-jewels-oklch: oklch(0.568 0.084 304.6);
}
.element {
color: var(--crown-jewels);
background-color: hsl(267 22% 52%);
border-color: oklch(0.568 0.084 304.6);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #826a9f;
--color-crown-jewels-50: #fbefff;
--color-crown-jewels-100: #efe1ff;
--color-crown-jewels-200: #ddcbf1;
--color-crown-jewels-300: #c2adda;
--color-crown-jewels-400: #aa92c7;
--color-crown-jewels-500: #9378b3;
--color-crown-jewels-600: #7c6697;
--color-crown-jewels-700: #63517a;
--color-crown-jewels-800: #483b5b;
--color-crown-jewels-900: #32293f;
--color-crown-jewels-950: #1e1628;
}SCSS
$crown-jewels: #826a9f;
$crown-jewels-rgb: 130, 106, 159;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}