Couleur nommée la plus proche · #82C5C3
#82C5C3
Couleur nommée la plus proche: Riverbed
#82C5C3 (rgb(130 197 195), hsl(178 37% 64%), oklch(0.778 0.068 193.5)) est la plus proche de la couleur nommée Riverbed. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#82C5C3
oklch(0.778 0.068 193.5)
Conversions de couleur
- HEX
- #82c5c3
- RGB
- rgb(130 197 195)
- HSL
- hsl(178 37% 64%)
- HWB
- hwb(178 51% 23%)
- OKLCH
- oklch(0.778 0.068 193.5)
- OKLab
- oklab(0.778 -0.066 -0.016)
- CIE Lab
- lab(75.01 -22.4 -6.12)
- LCH
- lch(75.01 23.22 195.3)
- CMYK
- cmyk(34% 0% 1% 23%)
Teintes · Ombres · Tons
Teintes
- 8FCBC9
- 9CD1CF
- A9D6D5
- B5DCDB
- C2E2E1
- CEE8E7
- DAEEED
- E7F3F3
- F3F9F9
Ombres
- 70ABA9
- 5F9290
- 4E7978
- 3E6160
- 2F4B4A
- 203534
- 122120
- 060E0E
- 010202
Tons
- 83BEBC
- 83B7B5
- 83B0AE
- 84A9A8
- 83A2A1
- 839B9A
- 839494
- 828E8D
- 818786
Harmonies de couleurs
Complémentaire +180°
- 82C5C3
Riverbed
- DFA5AA
≈ Prom
Analogue -30° +30°
- 82C5C3
Riverbed
- 8FC5AB
≈ Spearmint Frosting
- 86C1D7
≈ Sky Babe
Triadique +120° +240°
- 82C5C3
Riverbed
- C6ABD6
≈ Purple Gala
- D2B187
≈ Buttery Leather
Complémentaire divisée +150° +210°
- 82C5C3
Riverbed
- D7A6C2
≈ Rhubarb Gin
- DDA994
≈ Cedarville
Tétradique +90° +180° +270°
- 82C5C3
Riverbed
- B0B2E2
≈ Beloved
- DFA5AA
≈ Prom
- BEB987
≈ Baby Bok Choy
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.95:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.72:1 · APCA Lc 65
Meilleure couleur de texte: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Extraits de code
CSS
:root {
--riverbed: #82c5c3;
--riverbed-rgb: 130 197 195;
--riverbed-oklch: oklch(0.778 0.068 193.5);
}
.element {
color: var(--riverbed);
background-color: hsl(178 37% 64%);
border-color: oklch(0.778 0.068 193.5);
}Tailwind CSS v4
@theme {
--color-riverbed: #82c5c3;
--color-riverbed-50: #e0fcfb;
--color-riverbed-100: #cfefef;
--color-riverbed-200: #b3dedd;
--color-riverbed-300: #8fc3c2;
--color-riverbed-400: #6dabaa;
--color-riverbed-500: #499593;
--color-riverbed-600: #3f7e7c;
--color-riverbed-700: #326563;
--color-riverbed-800: #234a48;
--color-riverbed-900: #173332;
--color-riverbed-950: #081f1e;
}SCSS
$riverbed: #82c5c3;
$riverbed-rgb: 130, 197, 195;
$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);
}