Nächste benannte Farbe · #1C847E
#1C847E
Nächste benannte Farbe: Windows 95 Desktop
#1C847E (rgb(28 132 126), hsl(177 65% 31%), oklch(0.556 0.09 189)) liegt am nächsten an der benannten Farbe Windows 95 Desktop. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1C847E
oklch(0.556 0.09 189)
Farbumrechnungen
- HEX
- #1c847e
- RGB
- rgb(28 132 126)
- HSL
- hsl(177 65% 31%)
- HWB
- hwb(177 11% 48%)
- OKLCH
- oklch(0.556 0.09 189)
- OKLab
- oklab(0.556 -0.088 -0.014)
- CIE Lab
- lab(49.57 -30.42 -5.42)
- LCH
- lch(49.57 30.9 190.1)
- CMYK
- cmyk(79% 0% 5% 48%)
Tints · Shades · Tones
Tints
- 3D908A
- 569C96
- 6CA8A3
- 82B4B0
- 97C1BC
- ACCDC9
- C0D9D7
- D5E6E4
- EAF2F1
Shades
- 17726D
- 12605C
- 0D4F4C
- 083F3C
- 052F2D
- 02201F
- 011211
- 000605
- 000101
Tones
- 2F847E
- 3D847E
- 48837F
- 52837F
- 5B837F
- 63827F
- 6B827F
- 728180
- 798180
Farbharmonien
Komplementär +180°
- 1C847E
Windows 95 Desktop
- A05C68
≈ Beef Jerky
Analog -30° +30°
- 1C847E
Windows 95 Desktop
- 3F8360
≈ Leisure Green
- 248097
≈ Valley of Glaciers
Triadisch +120° +240°
- 1C847E
Windows 95 Desktop
- 83649B
≈ Dark Lavender
- 956934
≈ Vintage Caramel
Geteilt komplementär +150° +210°
- 1C847E
Windows 95 Desktop
- 965E85
≈ Antique Fuchsia
- A0604B
≈ Deer Tracks
Tetradisch +90° +180° +270°
- 1C847E
Windows 95 Desktop
- 686EA7
≈ Kimberlite
- A05C68
≈ Beef Jerky
- 817430
≈ Spanish Bistre
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.51:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--windows-95-desktop: #1c847e;
--windows-95-desktop-rgb: 28 132 126;
--windows-95-desktop-oklch: oklch(0.556 0.09 189);
}
.element {
color: var(--windows-95-desktop);
background-color: hsl(177 65% 31%);
border-color: oklch(0.556 0.09 189);
}Tailwind CSS v4
@theme {
--color-windows-95-desktop: #1c847e;
--color-windows-95-desktop-50: #d9fefb;
--color-windows-95-desktop-100: #c7f2ef;
--color-windows-95-desktop-200: #a8e1dd;
--color-windows-95-desktop-300: #7fc6c2;
--color-windows-95-desktop-400: #58b0a9;
--color-windows-95-desktop-500: #259992;
--color-windows-95-desktop-600: #23817c;
--color-windows-95-desktop-700: #1c6863;
--color-windows-95-desktop-800: #134c47;
--color-windows-95-desktop-900: #0c3531;
--color-windows-95-desktop-950: #00201d;
}SCSS
$windows-95-desktop: #1c847e;
$windows-95-desktop-rgb: 28, 132, 126;
$windows-95-desktop-light: mix(#fff, $windows-95-desktop, 20%);
$windows-95-desktop-dark: mix(#000, $windows-95-desktop, 20%);
.element {
color: $windows-95-desktop;
box-shadow: 0 0 0 2px rgba($windows-95-desktop, 0.35);
}