Nächste benannte Farbe · #647A7F
#647A7F
Nächste benannte Farbe: Catfish
#647A7F (rgb(100 122 127), hsl(191 12% 45%), oklch(0.564 0.027 213)) liegt am nächsten an der benannten Farbe Catfish. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#647A7F
oklch(0.564 0.027 213)
Farbumrechnungen
- HEX
- #647a7f
- RGB
- rgb(100 122 127)
- HSL
- hsl(191 12% 45%)
- HWB
- hwb(191 39% 50%)
- OKLCH
- oklch(0.564 0.027 213)
- OKLab
- oklab(0.564 -0.023 -0.015)
- CIE Lab
- lab(49.59 -7.43 -5.56)
- LCH
- lch(49.59 9.28 216.8)
- CMYK
- cmyk(21% 4% 0% 50%)
Tints · Shades · Tones
Tints
- 72868B
- 819397
- 90A0A4
- 9FADB0
- AFBABD
- BEC8CA
- CED5D7
- DEE3E4
- EFF1F2
Shades
- 56696E
- 48595D
- 3B494C
- 2E3A3C
- 222B2D
- 161D1F
- 0B1011
- 030506
- 000101
Tones
- 677B7F
- 6A7B7F
- 6D7C7F
- 6F7C7F
- 727D80
- 757E80
- 787E80
- 7B7F80
- 7D7F80
Farbharmonien
Komplementär +180°
- 647A7F
Catfish
- 85706B
≈ Umbra Sand
Analog -30° +30°
- 647A7F
Catfish
- 657B77
≈ Refreshing Green
- 687884
≈ Hypnotic
Triadisch +120° +240°
- 647A7F
Catfish
- 80707C
≈ Lively Lavender
- 7B7564
≈ Dull Olive
Geteilt komplementär +150° +210°
- 647A7F
Catfish
- 846F74
≈ Pomace Red
- 817266
≈ Saruk Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--catfish: #647a7f;
--catfish-rgb: 100 122 127;
--catfish-oklch: oklch(0.564 0.027 213);
}
.element {
color: var(--catfish);
background-color: hsl(191 12% 45%);
border-color: oklch(0.564 0.027 213);
}Tailwind CSS v4
@theme {
--color-catfish: #647a7f;
--color-catfish-50: #edf7fa;
--color-catfish-100: #deeaed;
--color-catfish-200: #c8d7db;
--color-catfish-300: #a9bbc0;
--color-catfish-400: #8da3a8;
--color-catfish-500: #728b91;
--color-catfish-600: #61767a;
--color-catfish-700: #4d5e62;
--color-catfish-800: #384548;
--color-catfish-900: #263032;
--color-catfish-950: #151c1e;
}SCSS
$catfish: #647a7f;
$catfish-rgb: 100, 122, 127;
$catfish-light: mix(#fff, $catfish, 20%);
$catfish-dark: mix(#000, $catfish, 20%);
.element {
color: $catfish;
box-shadow: 0 0 0 2px rgba($catfish, 0.35);
}