Colore con nome più vicino · #8AC2BE
#8AC2BE
Colore con nome più vicino: Riverbed
#8AC2BE (rgb(138 194 190), hsl(176 31% 65%), oklch(0.774 0.058 190.5)) è più vicino al colore con nome Riverbed. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8AC2BE
oklch(0.774 0.058 190.5)
Conversioni di colore
- HEX
- #8ac2be
- RGB
- rgb(138 194 190)
- HSL
- hsl(176 31% 65%)
- HWB
- hwb(176 54% 24%)
- OKLCH
- oklch(0.774 0.058 190.5)
- OKLab
- oklab(0.774 -0.057 -0.011)
- CIE Lab
- lab(74.48 -19.51 -4.15)
- LCH
- lch(74.48 19.94 192)
- CMYK
- cmyk(29% 0% 2% 24%)
Tinte · Ombre · Toni
Tinte
- 96C8C4
- A2CECB
- AED4D1
- B9DAD8
- C5E0DE
- D1E6E5
- DCEDEB
- E8F3F2
- F3F9F8
Ombre
- 77A8A5
- 658F8C
- 537775
- 42605E
- 324948
- 223433
- 14201F
- 070E0D
- 010202
Toni
- 8ABBB8
- 89B5B1
- 88AEAB
- 88A7A5
- 87A19E
- 869A98
- 849392
- 838D8C
- 828686
Armonie di colore
Complementare +180°
- 8AC2BE
Riverbed
- D8A7AD
≈ Foxy Lady
Analogo -30° +30°
- 8AC2BE
Riverbed
- 95C2A9
≈ Spearmint Frosting
- 8CBFD0
≈ Eastern Sky
Triadico +120° +240°
- 8AC2BE
Riverbed
- C1ACD2
≈ Purple Gladiola
- CEB08D
≈ Raffia Ribbon
Complementare divisa +150° +210°
- 8AC2BE
Riverbed
- D0A8C1
≈ Heart to Heart
- D7AA9A
≈ Cottage Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.54:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--riverbed: #8ac2be;
--riverbed-rgb: 138 194 190;
--riverbed-oklch: oklch(0.774 0.058 190.5);
}
.element {
color: var(--riverbed);
background-color: hsl(176 31% 65%);
border-color: oklch(0.774 0.058 190.5);
}Tailwind CSS v4
@theme {
--color-riverbed: #8ac2be;
--color-riverbed-50: #e3fbf9;
--color-riverbed-100: #d3eeed;
--color-riverbed-200: #b9dddb;
--color-riverbed-300: #95c1bf;
--color-riverbed-400: #76aaa6;
--color-riverbed-500: #55938f;
--color-riverbed-600: #497c79;
--color-riverbed-700: #3a6361;
--color-riverbed-800: #294946;
--color-riverbed-900: #1c3331;
--color-riverbed-950: #0c1e1d;
}SCSS
$riverbed: #8ac2be;
$riverbed-rgb: 138, 194, 190;
$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);
}