Najbliższy nazwany kolor · #6E3A6A
#6E3A6A
Najbliższy nazwany kolor: Plum
#6E3A6A (rgb(110 58 106), hsl(305 31% 33%), oklch(0.432 0.099 330)) jest najbliższy nazwanemu kolorowi Plum. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6E3A6A
oklch(0.432 0.099 330)
Konwersje koloru
- HEX
- #6e3a6a
- RGB
- rgb(110 58 106)
- HSL
- hsl(305 31% 33%)
- HWB
- hwb(305 23% 57%)
- OKLCH
- oklch(0.432 0.099 330)
- OKLab
- oklab(0.432 0.086 -0.05)
- CIE Lab
- lab(32.65 29 -18.05)
- LCH
- lch(32.65 34.16 328.1)
- CMYK
- cmyk(0% 47% 4% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C4C78
- 8B5F86
- 997295
- A785A4
- B699B2
- C4ACC1
- D3C1D1
- E2D5E0
- F0EAEF
Odcienie ciemniejsze
- 5F315B
- 50284D
- 41203F
- 331831
- 261024
- 190918
- 0E040D
- 040104
- 010000
Tony
- 70416C
- 73496F
- 755071
- 775773
- 785E76
- 7A6578
- 7C6B7A
- 7D727C
- 7F797E
Harmonie kolorów
Komplementarna +180°
- 6E3A6A
Plum
- 1D5F31
≈ Derbyshire
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.48:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.47:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.48:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--plum: #6e3a6a;
--plum-rgb: 110 58 106;
--plum-oklch: oklch(0.432 0.099 330);
}
.element {
color: var(--plum);
background-color: hsl(305 31% 33%);
border-color: oklch(0.432 0.099 330);
}Tailwind CSS v4
@theme {
--color-plum: #6e3a6a;
--color-plum-50: #ffebff;
--color-plum-100: #fddcf7;
--color-plum-200: #eec5e7;
--color-plum-300: #d6a5ce;
--color-plum-400: #c089ba;
--color-plum-500: #ab6da5;
--color-plum-600: #905d8c;
--color-plum-700: #744a70;
--color-plum-800: #553654;
--color-plum-900: #3b253a;
--color-plum-950: #251324;
}SCSS
$plum: #6e3a6a;
$plum-rgb: 110, 58, 106;
$plum-light: mix(#fff, $plum, 20%);
$plum-dark: mix(#000, $plum, 20%);
.element {
color: $plum;
box-shadow: 0 0 0 2px rgba($plum, 0.35);
}