Najbliższy nazwany kolor · #82C7C6
#82C7C6
Najbliższy nazwany kolor: Riverbed
#82C7C6 (rgb(130 199 198), hsl(179 38% 65%), oklch(0.784 0.07 194.7)) jest najbliższy nazwanemu kolorowi Riverbed. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#82C7C6
oklch(0.784 0.07 194.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8FCDCC
- 9CD2D1
- A9D8D7
- B6DDDD
- C2E3E2
- CEE9E8
- DAEEEE
- E7F4F3
- F3F9F9
Odcienie ciemniejsze
- 70ADAC
- 5F9392
- 4E7A7A
- 3E6262
- 2F4C4B
- 203635
- 122121
- 060E0E
- 010202
Tony
- 83C0BF
- 83B9B8
- 84B1B0
- 84AAA9
- 84A3A2
- 839C9B
- 839594
- 828E8E
- 818787
Harmonie kolorów
Komplementarna +180°
- 82C7C6
Riverbed
- E2A7AA
≈ Perennial Phlox
Analogowa -30° +30°
- 82C7C6
Riverbed
- 8FC7AD
≈ Hellion Green
- 87C3DA
≈ Dolphin
Triada +120° +240°
- 82C7C6
Riverbed
- C9ACD8
≈ Darling Lilac
- D3B387
≈ Sabre Tooth
Komplementarna rozszczepiona +150° +210°
- 82C7C6
Riverbed
- DAA7C3
≈ Pink Beauty
- DFAB94
≈ Arizona Dust
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.93:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}