Nächste benannte Farbe · #58707B
#58707B
Nächste benannte Farbe: Silent Night
#58707B (rgb(88 112 123), hsl(199 17% 41%), oklch(0.53 0.033 227.6)) liegt am nächsten an der benannten Farbe Silent Night. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#58707B
oklch(0.53 0.033 227.6)
Farbumrechnungen
- HEX
- #58707b
- RGB
- rgb(88 112 123)
- HSL
- hsl(199 17% 41%)
- HWB
- hwb(199 35% 52%)
- OKLCH
- oklch(0.53 0.033 227.6)
- OKLab
- oklab(0.53 -0.022 -0.024)
- CIE Lab
- lab(45.62 -7.06 -9.17)
- LCH
- lch(45.62 11.57 232.4)
- CMYK
- cmyk(28% 9% 0% 52%)
Tints · Shades · Tones
Tints
- 687D87
- 778B94
- 8799A1
- 98A7AE
- A8B5BB
- B9C3C8
- CAD2D6
- DCE1E3
- EDF0F1
Shades
- 4B606A
- 3F515A
- 33434A
- 28353A
- 1D272C
- 121A1E
- 090E10
- 030405
- 000101
Tones
- 5C727C
- 60737C
- 64757D
- 68767D
- 6C787E
- 707A7E
- 747B7F
- 787D7F
- 7C7E80
Farbharmonien
Komplementär +180°
- 58707B
Silent Night
- 7D665C
≈ Almond Truffle
Analog -30° +30°
- 58707B
Silent Night
- 557273
≈ Juniper Berries
- 606D7F
≈ Glide Time
Triadisch +120° +240°
- 58707B
Silent Night
- 7B646F
≈ Ephemera
- 6D6D57
≈ Secluded Green
Geteilt komplementär +150° +210°
- 58707B
Silent Night
- 7E6465
≈ Amazing Amethyst
- 776A57
≈ Superior Bronze
Tetradisch +90° +180° +270°
- 58707B
Silent Night
- 746679
≈ Decadence
- 7D665C
≈ Almond Truffle
- 63715E
≈ Bracken Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.22:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--silent-night: #58707b;
--silent-night-rgb: 88 112 123;
--silent-night-oklch: oklch(0.53 0.033 227.6);
}
.element {
color: var(--silent-night);
background-color: hsl(199 17% 41%);
border-color: oklch(0.53 0.033 227.6);
}Tailwind CSS v4
@theme {
--color-silent-night: #58707b;
--color-silent-night-50: #ecf7fd;
--color-silent-night-100: #ddeaf1;
--color-silent-night-200: #c7d7e0;
--color-silent-night-300: #a7bbc5;
--color-silent-night-400: #8ba3ae;
--color-silent-night-500: #708b98;
--color-silent-night-600: #5f7680;
--color-silent-night-700: #4c5e67;
--color-silent-night-800: #36454b;
--color-silent-night-900: #253034;
--color-silent-night-950: #141c20;
}SCSS
$silent-night: #58707b;
$silent-night-rgb: 88, 112, 123;
$silent-night-light: mix(#fff, $silent-night, 20%);
$silent-night-dark: mix(#000, $silent-night, 20%);
.element {
color: $silent-night;
box-shadow: 0 0 0 2px rgba($silent-night, 0.35);
}