Colore con nome · #85A4A2
Venus Teal
Venus Teal è #85A4A2: rgb(133 164 162), hsl(176 15% 58%), oklch(0.695 0.034 191.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Venus Teal color name →
#85A4A2
oklch(0.695 0.034 191.5)
Conversioni di colore
- HEX
- #85a4a2
- RGB
- rgb(133 164 162)
- HSL
- hsl(176 15% 58%)
- HWB
- hwb(176 52% 36%)
- OKLCH
- oklch(0.695 0.034 191.5)
- OKLab
- oklab(0.695 -0.034 -0.007)
- CIE Lab
- lab(64.98 -11.4 -2.7)
- LCH
- lch(64.98 11.72 193.3)
- CMYK
- cmyk(19% 0% 1% 36%)
Tinte · Ombre · Toni
Tinte
- 91ADAB
- 9DB6B4
- A9BFBD
- B5C8C6
- C1D1D0
- CDDAD9
- D9E3E2
- E6ECEC
- F2F6F5
Ombre
- 738E8C
- 617977
- 506463
- 40504F
- 303D3C
- 212B2A
- 131A19
- 060A0A
- 010101
Toni
- 85A09F
- 849D9B
- 849998
- 849594
- 839291
- 838E8D
- 828B8A
- 818787
- 818483
Armonie di colore
Complementare +180°
- 85A4A2
Venus Teal
- B19597
≈ Deauville Mauve
Analogo -30° +30°
- 85A4A2
Venus Teal
- 8BA496
≈ Wintessa
- 86A2AC
≈ Blue Alps
Triadico +120° +240°
- 85A4A2
Venus Teal
- A497AD
≈ Windsor Haze
- AB9A86
≈ Grullo
Complementare divisa +150° +210°
- 85A4A2
Venus Teal
- AD95A3
≈ Grape Soda
- B0968D
≈ Rose Mauve
Tetradico +90° +180° +270°
- 85A4A2
Venus Teal
- 999BB2
≈ Bay Fog
- B19597
≈ Deauville Mauve
- A19E86
≈ Potting Moss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.68:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.82:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--venus-teal: #85a4a2;
--venus-teal-rgb: 133 164 162;
--venus-teal-oklch: oklch(0.695 0.034 191.5);
}
.element {
color: var(--venus-teal);
background-color: hsl(176 15% 58%);
border-color: oklch(0.695 0.034 191.5);
}Tailwind CSS v4
@theme {
--color-venus-teal: #85a4a2;
--color-venus-teal-50: #ebf8f8;
--color-venus-teal-100: #dceceb;
--color-venus-teal-200: #c4d9d8;
--color-venus-teal-300: #a4bdbc;
--color-venus-teal-400: #88a5a3;
--color-venus-teal-500: #6c8e8c;
--color-venus-teal-600: #5c7876;
--color-venus-teal-700: #49605f;
--color-venus-teal-800: #354645;
--color-venus-teal-900: #243130;
--color-venus-teal-950: #131d1c;
}SCSS
$venus-teal: #85a4a2;
$venus-teal-rgb: 133, 164, 162;
$venus-teal-light: mix(#fff, $venus-teal, 20%);
$venus-teal-dark: mix(#000, $venus-teal, 20%);
.element {
color: $venus-teal;
box-shadow: 0 0 0 2px rgba($venus-teal, 0.35);
}