Nächste benannte Farbe · #5F6A7F
#5F6A7F
Nächste benannte Farbe: Ashen Whisper
#5F6A7F (rgb(95 106 127), hsl(219 14% 44%), oklch(0.523 0.036 263.3)) liegt am nächsten an der benannten Farbe Ashen Whisper. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#5F6A7F
oklch(0.523 0.036 263.3)
Farbumrechnungen
- HEX
- #5f6a7f
- RGB
- rgb(95 106 127)
- HSL
- hsl(219 14% 44%)
- HWB
- hwb(219 37% 50%)
- OKLCH
- oklch(0.523 0.036 263.3)
- OKLab
- oklab(0.523 -0.004 -0.036)
- CIE Lab
- lab(44.47 -0.52 -13.2)
- LCH
- lch(44.47 13.21 267.7)
- CMYK
- cmyk(25% 17% 0% 50%)
Tints · Shades · Tones
Tints
- 6E788B
- 7D8697
- 8C94A4
- 9CA3B1
- ACB2BD
- BCC1CA
- CCD0D7
- DDDFE4
- EEEFF2
Shades
- 525B6E
- 444D5D
- 383F4C
- 2C313C
- 20242D
- 15181F
- 0A0D11
- 030406
- 000001
Tones
- 626C7F
- 666E7F
- 697180
- 6C7380
- 6F7580
- 737780
- 767980
- 797C80
- 7D7E80
Farbharmonien
Komplementär +180°
- 5F6A7F
Ashen Whisper
- 746852
≈ Landmark
Analog -30° +30°
- 5F6A7F
Ashen Whisper
- 556E7B
≈ West Winds
- 6A667D
≈ Unexplained
Triadisch +120° +240°
- 5F6A7F
Ashen Whisper
- 7D6260
≈ Raisin in the Sun
- 5E6F5D
≈ Bracken Green
Geteilt komplementär +150° +210°
- 5F6A7F
Ashen Whisper
- 7B6457
≈ Cobble Brown
- 696C55
≈ Bijoux Green
Tetradisch +90° +180° +270°
- 5F6A7F
Ashen Whisper
- 7B616B
≈ Ephemera
- 746852
≈ Landmark
- 557168
≈ Bridgewater
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.44:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.85:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--ashen-whisper: #5f6a7f;
--ashen-whisper-rgb: 95 106 127;
--ashen-whisper-oklch: oklch(0.523 0.036 263.3);
}
.element {
color: var(--ashen-whisper);
background-color: hsl(219 14% 44%);
border-color: oklch(0.523 0.036 263.3);
}Tailwind CSS v4
@theme {
--color-ashen-whisper: #5f6a7f;
--color-ashen-whisper-50: #f0f5ff;
--color-ashen-whisper-100: #e2e8f4;
--color-ashen-whisper-200: #cdd4e4;
--color-ashen-whisper-300: #afb8ca;
--color-ashen-whisper-400: #939fb4;
--color-ashen-whisper-500: #7a879f;
--color-ashen-whisper-600: #677286;
--color-ashen-whisper-700: #525b6b;
--color-ashen-whisper-800: #3b434f;
--color-ashen-whisper-900: #292e37;
--color-ashen-whisper-950: #171b22;
}SCSS
$ashen-whisper: #5f6a7f;
$ashen-whisper-rgb: 95, 106, 127;
$ashen-whisper-light: mix(#fff, $ashen-whisper, 20%);
$ashen-whisper-dark: mix(#000, $ashen-whisper, 20%);
.element {
color: $ashen-whisper;
box-shadow: 0 0 0 2px rgba($ashen-whisper, 0.35);
}