Nächste benannte Farbe · #606E79
#606E79
Nächste benannte Farbe: Batman
#606E79 (rgb(96 110 121), hsl(206 12% 43%), oklch(0.53 0.024 241.7)) liegt am nächsten an der benannten Farbe Batman. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#606E79
oklch(0.53 0.024 241.7)
Farbumrechnungen
- HEX
- #606e79
- RGB
- rgb(96 110 121)
- HSL
- hsl(206 12% 43%)
- HWB
- hwb(206 38% 53%)
- OKLCH
- oklch(0.53 0.024 241.7)
- OKLab
- oklab(0.53 -0.011 -0.021)
- CIE Lab
- lab(45.55 -3.51 -8)
- LCH
- lch(45.55 8.74 246.3)
- CMYK
- cmyk(21% 9% 0% 53%)
Tints · Shades · Tones
Tints
- 6F7B86
- 7E8992
- 8D979F
- 9CA5AD
- ACB4BA
- BCC2C7
- CDD1D5
- DDE0E3
- EEF0F1
Shades
- 525F68
- 455058
- 384148
- 2C3339
- 20262B
- 15191D
- 0A0E10
- 030405
- 000101
Tones
- 63707A
- 66727A
- 6A737B
- 6D757C
- 70777D
- 73797D
- 767B7E
- 7A7C7F
- 7D7E7F
Farbharmonien
Komplementär +180°
- 606E79
Batman
- 77695E
≈ Cocoa Powder
Analog -30° +30°
- 606E79
Batman
- 5C7074
≈ Portsmouth Blue
- 676B7A
≈ Wind Cave
Triadisch +120° +240°
- 606E79
Batman
- 79666B
≈ Rhapsody Rap
- 696E5F
≈ Moss Beach
Geteilt komplementär +150° +210°
- 606E79
Batman
- 796763
≈ Bold Brandy
- 716C5C
≈ King’s Court
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 {
--batman: #606e79;
--batman-rgb: 96 110 121;
--batman-oklch: oklch(0.53 0.024 241.7);
}
.element {
color: var(--batman);
background-color: hsl(206 12% 43%);
border-color: oklch(0.53 0.024 241.7);
}Tailwind CSS v4
@theme {
--color-batman: #606e79;
--color-batman-50: #f0f6fc;
--color-batman-100: #e1e9f0;
--color-batman-200: #ccd6de;
--color-batman-300: #adb9c3;
--color-batman-400: #92a1ac;
--color-batman-500: #798995;
--color-batman-600: #66747e;
--color-batman-700: #525c65;
--color-batman-800: #3b444a;
--color-batman-900: #282f33;
--color-batman-950: #161b1f;
}SCSS
$batman: #606e79;
$batman-rgb: 96, 110, 121;
$batman-light: mix(#fff, $batman, 20%);
$batman-dark: mix(#000, $batman, 20%);
.element {
color: $batman;
box-shadow: 0 0 0 2px rgba($batman, 0.35);
}