Nächste benannte Farbe · #626080
#626080
Nächste benannte Farbe: Heron
#626080 (rgb(98 96 128), hsl(244 14% 44%), oklch(0.503 0.051 287.3)) liegt am nächsten an der benannten Farbe Heron. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#626080
oklch(0.503 0.051 287.3)
Farbumrechnungen
- HEX
- #626080
- RGB
- rgb(98 96 128)
- HSL
- hsl(244 14% 44%)
- HWB
- hwb(244 38% 50%)
- OKLCH
- oklch(0.503 0.051 287.3)
- OKLab
- oklab(0.503 0.015 -0.048)
- CIE Lab
- lab(41.86 6.44 -17.71)
- LCH
- lch(41.86 18.84 290)
- CMYK
- cmyk(23% 25% 0% 50%)
Tints · Shades · Tones
Tints
- 706F8C
- 7F7E99
- 8E8DA5
- 9D9DB1
- ADACBE
- BDBCCB
- CDCDD8
- DDDDE5
- EEEEF2
Shades
- 54526E
- 47455D
- 3A384D
- 2D2C3D
- 21202E
- 16151F
- 0B0A12
- 030306
- 000001
Tones
- 656380
- 686680
- 6B6A80
- 6E6D80
- 717080
- 747380
- 777680
- 7A7A80
- 7D7D80
Farbharmonien
Komplementär +180°
- 626080
Heron
- 676644
≈ Cedar Glen
Analog -30° +30°
- 626080
Heron
- 526581
≈ Luxe Blue
- 705B77
≈ Princely Violet
Triadisch +120° +240°
- 626080
Heron
- 7D5C4B
≈ Spiced Cinnamon
- 476E5E
≈ Cormorant
Geteilt komplementär +150° +210°
- 626080
Heron
- 756143
≈ Olive Wood
- 576B4F
≈ Daylight Jungle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.99:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.50:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--heron: #626080;
--heron-rgb: 98 96 128;
--heron-oklch: oklch(0.503 0.051 287.3);
}
.element {
color: var(--heron);
background-color: hsl(244 14% 44%);
border-color: oklch(0.503 0.051 287.3);
}Tailwind CSS v4
@theme {
--color-heron: #626080;
--color-heron-50: #f4f3ff;
--color-heron-100: #e7e5f8;
--color-heron-200: #d3d1e9;
--color-heron-300: #b6b4d0;
--color-heron-400: #9c9abb;
--color-heron-500: #8481a6;
--color-heron-600: #6f6e8d;
--color-heron-700: #595871;
--color-heron-800: #404053;
--color-heron-900: #2c2c3a;
--color-heron-950: #191924;
}SCSS
$heron: #626080;
$heron-rgb: 98, 96, 128;
$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);
}