Nächste benannte Farbe · #6A62B0
#6A62B0
Nächste benannte Farbe: Simply Purple
#6A62B0 (rgb(106 98 176), hsl(246 33% 54%), oklch(0.539 0.119 286.4)) liegt am nächsten an der benannten Farbe Simply Purple. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6A62B0
oklch(0.539 0.119 286.4)
Farbumrechnungen
- HEX
- #6a62b0
- RGB
- rgb(106 98 176)
- HSL
- hsl(246 33% 54%)
- HWB
- hwb(246 38% 31%)
- OKLCH
- oklch(0.539 0.119 286.4)
- OKLab
- oklab(0.539 0.034 -0.115)
- CIE Lab
- lab(45.07 18.21 -41.14)
- LCH
- lch(45.07 44.99 293.9)
- CMYK
- cmyk(40% 44% 0% 31%)
Tints · Shades · Tones
Tints
- 7771B9
- 8581C1
- 9390C9
- A2A0D1
- B0AFD9
- C0BFE1
- CFCFE9
- DFDFF0
- EFEFF8
Shades
- 5B5499
- 4D4782
- 3F3A6C
- 312D56
- 242142
- 18162E
- 0D0B1C
- 04030B
- 000001
Tones
- 6C66AC
- 6E69A7
- 706CA3
- 726F9E
- 747299
- 767595
- 797890
- 7B7B8B
- 7D7D85
Farbharmonien
Komplementär +180°
- 6A62B0
Simply Purple
- 777200
≈ Bronze Yellow
Analog -30° +30°
- 6A62B0
Simply Purple
- 3D6FB3
≈ Wide Sky
- 8A579D
≈ Highlighter Lavender
Triadisch +120° +240°
- 6A62B0
Simply Purple
- A5552B
≈ Garfield
- 008260
≈ Shadows of Time
Geteilt komplementär +150° +210°
- 6A62B0
Simply Purple
- 936400
≈ Gamboge Brown
- 4C7E33
≈ Master Chief
Tetradisch +90° +180° +270°
- 6A62B0
Simply Purple
- A84E56
≈ Young Redwood
- 777200
≈ Bronze Yellow
- 007F80
≈ Teal
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.26:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.98:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--simply-purple: #6a62b0;
--simply-purple-rgb: 106 98 176;
--simply-purple-oklch: oklch(0.539 0.119 286.4);
}
.element {
color: var(--simply-purple);
background-color: hsl(246 33% 54%);
border-color: oklch(0.539 0.119 286.4);
}Tailwind CSS v4
@theme {
--color-simply-purple: #6a62b0;
--color-simply-purple-50: #f3f0ff;
--color-simply-purple-100: #e5e2ff;
--color-simply-purple-200: #d1cdff;
--color-simply-purple-300: #b4aef1;
--color-simply-purple-400: #9993e2;
--color-simply-purple-500: #8178d1;
--color-simply-purple-600: #6d66b0;
--color-simply-purple-700: #57528e;
--color-simply-purple-800: #3e3c6a;
--color-simply-purple-900: #2b294a;
--color-simply-purple-950: #181731;
}SCSS
$simply-purple: #6a62b0;
$simply-purple-rgb: 106, 98, 176;
$simply-purple-light: mix(#fff, $simply-purple, 20%);
$simply-purple-dark: mix(#000, $simply-purple, 20%);
.element {
color: $simply-purple;
box-shadow: 0 0 0 2px rgba($simply-purple, 0.35);
}