Colore con nome più vicino · #83C0C2
#83C0C2
Colore con nome più vicino: Riverbed
#83C0C2 (rgb(131 192 194), hsl(182 34% 64%), oklch(0.767 0.063 198.5)) è più vicino al colore con nome Riverbed. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#83C0C2
oklch(0.767 0.063 198.5)
Conversioni di colore
- HEX
- #83c0c2
- RGB
- rgb(131 192 194)
- HSL
- hsl(182 34% 64%)
- HWB
- hwb(182 51% 24%)
- OKLCH
- oklch(0.767 0.063 198.5)
- OKLab
- oklab(0.767 -0.059 -0.02)
- CIE Lab
- lab(73.62 -19.97 -7.62)
- LCH
- lch(73.62 21.37 200.9)
- CMYK
- cmyk(32% 1% 0% 24%)
Tinte · Ombre · Toni
Tinte
- 90C6C8
- 9DCDCE
- A9D3D4
- B5D9DA
- C2DFE0
- CEE6E6
- DAECEC
- E7F2F3
- F3F9F9
Ombre
- 71A7A8
- 608E8F
- 4F7677
- 3F5F60
- 2F4949
- 203434
- 122020
- 060E0E
- 010202
Toni
- 83B9BB
- 84B3B4
- 84ACAE
- 84A6A7
- 84A0A0
- 83999A
- 839393
- 828D8D
- 818686
Armonie di colore
Complementare +180°
- 83C0C2
Riverbed
- D9A4A4
≈ Rosetti Pink
Analogo -30° +30°
- 83C0C2
Riverbed
- 8CC1AC
≈ Spearmint Frosting
- 89BCD3
≈ Juvie
Triadico +120° +240°
- 83C0C2
Riverbed
- C5A7CD
≈ Feminine Fancy
- C9AF86
≈ Earth Chi
Complementare divisa +150° +210°
- 83C0C2
Riverbed
- D3A4BA
≈ Enhance
- D5A891
≈ North Rim
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.28:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--riverbed: #83c0c2;
--riverbed-rgb: 131 192 194;
--riverbed-oklch: oklch(0.767 0.063 198.5);
}
.element {
color: var(--riverbed);
background-color: hsl(182 34% 64%);
border-color: oklch(0.767 0.063 198.5);
}Tailwind CSS v4
@theme {
--color-riverbed: #83c0c2;
--color-riverbed-50: #e1fbfc;
--color-riverbed-100: #d1eff0;
--color-riverbed-200: #b6dddf;
--color-riverbed-300: #92c2c4;
--color-riverbed-400: #71aaac;
--color-riverbed-500: #4f9395;
--color-riverbed-600: #447c7e;
--color-riverbed-700: #366465;
--color-riverbed-800: #26494a;
--color-riverbed-900: #1a3333;
--color-riverbed-950: #0a1e1f;
}SCSS
$riverbed: #83c0c2;
$riverbed-rgb: 131, 192, 194;
$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);
}