Nächste benannte Farbe · #6E346E
#6E346E
Nächste benannte Farbe: Eminence
#6E346E (rgb(110 52 110), hsl(300 36% 32%), oklch(0.424 0.114 327.4)) liegt am nächsten an der benannten Farbe Eminence. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6E346E
oklch(0.424 0.114 327.4)
Farbumrechnungen
- HEX
- #6e346e
- RGB
- rgb(110 52 110)
- HSL
- hsl(300 36% 32%)
- HWB
- hwb(300 20% 57%)
- OKLCH
- oklch(0.424 0.114 327.4)
- OKLab
- oklab(0.424 0.096 -0.062)
- CIE Lab
- lab(31.52 32.8 -22.31)
- LCH
- lch(31.52 39.67 325.8)
- CMYK
- cmyk(0% 53% 0% 57%)
Tints · Shades · Tones
Tints
- 7C477C
- 8B5B8A
- 996E98
- A882A6
- B696B5
- C5AAC3
- D3BFD2
- E2D4E1
- F0E9F0
Shades
- 5F2C5F
- 502450
- 411C41
- 331533
- 260E26
- 190719
- 0E030E
- 040104
- 010001
Tones
- 703C70
- 734472
- 754C74
- 775476
- 795B78
- 7A637A
- 7C6A7B
- 7E717D
- 7F797E
Farbharmonien
Komplementär +180°
- 6E346E
Eminence
- 125E25
≈ Sombre Green
Analog -30° +30°
- 6E346E
Eminence
- 563E84
≈ Harvest Night
- 7D2E4F
≈ Flirt
Triadisch +120° +240°
- 6E346E
Eminence
- 624A00
≈ Mud Brown
- 005963
≈ Entrapment
Geteilt komplementär +150° +210°
- 6E346E
Eminence
- 4B5500
≈ Highlands Moss
- 005C4E
≈ Evergreen
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.82:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.37:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--eminence: #6e346e;
--eminence-rgb: 110 52 110;
--eminence-oklch: oklch(0.424 0.114 327.4);
}
.element {
color: var(--eminence);
background-color: hsl(300 36% 32%);
border-color: oklch(0.424 0.114 327.4);
}Tailwind CSS v4
@theme {
--color-eminence: #6e346e;
--color-eminence-50: #ffeaff;
--color-eminence-100: #fedbfb;
--color-eminence-200: #f1c3ec;
--color-eminence-300: #d9a2d4;
--color-eminence-400: #c386c1;
--color-eminence-500: #ae69ad;
--color-eminence-600: #935992;
--color-eminence-700: #764775;
--color-eminence-800: #563458;
--color-eminence-900: #3c233d;
--color-eminence-950: #261227;
}SCSS
$eminence: #6e346e;
$eminence-rgb: 110, 52, 110;
$eminence-light: mix(#fff, $eminence, 20%);
$eminence-dark: mix(#000, $eminence, 20%);
.element {
color: $eminence;
box-shadow: 0 0 0 2px rgba($eminence, 0.35);
}