Nächste benannte Farbe · #6C688D
#6C688D
Nächste benannte Farbe: Heron
#6C688D (rgb(108 104 141), hsl(246 15% 48%), oklch(0.535 0.058 289.3)) liegt am nächsten an der benannten Farbe Heron. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6C688D
oklch(0.535 0.058 289.3)
Farbumrechnungen
- HEX
- #6c688d
- RGB
- rgb(108 104 141)
- HSL
- hsl(246 15% 48%)
- HWB
- hwb(246 41% 45%)
- OKLCH
- oklch(0.535 0.058 289.3)
- OKLab
- oklab(0.535 0.019 -0.054)
- CIE Lab
- lab(45.46 7.99 -19.91)
- LCH
- lch(45.46 21.46 291.9)
- CMYK
- cmyk(23% 26% 0% 45%)
Tints · Shades · Tones
Tints
- 797698
- 8784A3
- 9593AF
- A4A2BA
- B2B1C5
- C1C0D1
- D0D0DC
- E0DFE8
- EFEFF3
Shades
- 5D597A
- 4E4B67
- 403E55
- 323044
- 252433
- 191823
- 0D0C14
- 040407
- 000001
Tones
- 6E6A8C
- 706D8B
- 726F8A
- 747288
- 767487
- 787786
- 7A7984
- 7C7B83
- 7E7E81
Farbharmonien
Komplementär +180°
- 6C688D
Heron
- 6F7049
≈ Outdoor Oasis
Analog -30° +30°
- 6C688D
Heron
- 596E8F
≈ Kashmir Blue
- 7C6383
≈ Grape Jelly
Triadisch +120° +240°
- 6C688D
Heron
- 89644F
≈ Obscure Ochre
- 4A7868
≈ Hooker’s Green
Geteilt komplementär +150° +210°
- 6C688D
Heron
- 7F6A46
≈ Lizard Legs
- 5C7655
≈ Seaweed Tea
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.24:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.00:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--heron: #6c688d;
--heron-rgb: 108 104 141;
--heron-oklch: oklch(0.535 0.058 289.3);
}
.element {
color: var(--heron);
background-color: hsl(246 15% 48%);
border-color: oklch(0.535 0.058 289.3);
}Tailwind CSS v4
@theme {
--color-heron: #6c688d;
--color-heron-50: #f5f3ff;
--color-heron-100: #e7e5fa;
--color-heron-200: #d4d0ec;
--color-heron-300: #b7b3d3;
--color-heron-400: #9d99bf;
--color-heron-500: #8580aa;
--color-heron-600: #706d90;
--color-heron-700: #5a5773;
--color-heron-800: #413f56;
--color-heron-900: #2d2c3c;
--color-heron-950: #1a1925;
}SCSS
$heron: #6c688d;
$heron-rgb: 108, 104, 141;
$heron-light: mix(#fff, $heron, 20%);
$heron-dark: mix(#000, $heron, 20%);
.element {
color: $heron;
box-shadow: 0 0 0 2px rgba($heron, 0.35);
}