Nächste benannte Farbe · #82C7C6
#82C7C6
Nächste benannte Farbe: Riverbed
#82C7C6 (rgb(130 199 198), hsl(179 38% 65%), oklch(0.784 0.07 194.7)) liegt am nächsten an der benannten Farbe Riverbed. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#82C7C6
oklch(0.784 0.07 194.7)
Farbumrechnungen
- HEX
- #82c7c6
- RGB
- rgb(130 199 198)
- HSL
- hsl(179 38% 65%)
- HWB
- hwb(179 51% 22%)
- OKLCH
- oklch(0.784 0.07 194.7)
- OKLab
- oklab(0.784 -0.067 -0.018)
- CIE Lab
- lab(75.66 -22.77 -6.79)
- LCH
- lch(75.66 23.76 196.6)
- CMYK
- cmyk(35% 0% 1% 22%)
Tints · Shades · Tones
Tints
- 8FCDCC
- 9CD2D1
- A9D8D7
- B6DDDD
- C2E3E2
- CEE9E8
- DAEEEE
- E7F4F3
- F3F9F9
Shades
- 70ADAC
- 5F9392
- 4E7A7A
- 3E6262
- 2F4C4B
- 203635
- 122121
- 060E0E
- 010202
Tones
- 83C0BF
- 83B9B8
- 84B1B0
- 84AAA9
- 84A3A2
- 839C9B
- 839594
- 828E8E
- 818787
Farbharmonien
Komplementär +180°
- 82C7C6
Riverbed
- E2A7AA
≈ Perennial Phlox
Analog -30° +30°
- 82C7C6
Riverbed
- 8FC7AD
≈ Hellion Green
- 87C3DA
≈ Dolphin
Triadisch +120° +240°
- 82C7C6
Riverbed
- C9ACD8
≈ Darling Lilac
- D3B387
≈ Sabre Tooth
Geteilt komplementär +150° +210°
- 82C7C6
Riverbed
- DAA7C3
≈ Pink Beauty
- DFAB94
≈ Arizona Dust
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.93:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--riverbed: #82c7c6;
--riverbed-rgb: 130 199 198;
--riverbed-oklch: oklch(0.784 0.07 194.7);
}
.element {
color: var(--riverbed);
background-color: hsl(179 38% 65%);
border-color: oklch(0.784 0.07 194.7);
}Tailwind CSS v4
@theme {
--color-riverbed: #82c7c6;
--color-riverbed-50: #dffcfc;
--color-riverbed-100: #cef0f0;
--color-riverbed-200: #b3dede;
--color-riverbed-300: #8dc3c3;
--color-riverbed-400: #6bacab;
--color-riverbed-500: #479594;
--color-riverbed-600: #3d7e7d;
--color-riverbed-700: #316564;
--color-riverbed-800: #224a49;
--color-riverbed-900: #173332;
--color-riverbed-950: #071f1e;
}SCSS
$riverbed: #82c7c6;
$riverbed-rgb: 130, 199, 198;
$riverbed-light: mix(#fff, $riverbed, 20%);
$riverbed-dark: mix(#000, $riverbed, 20%);
.element {
color: $riverbed;
box-shadow: 0 0 0 2px rgba($riverbed, 0.35);
}