Colore con nome · #97D5B3
Vista Blue
Vista Blue è #97D5B3: rgb(151 213 179), hsl(147 42% 71%), oklch(0.821 0.08 160). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Vista Blue color name →
#97D5B3
oklch(0.821 0.08 160)
Conversioni di colore
- HEX
- #97d5b3
- RGB
- rgb(151 213 179)
- HSL
- hsl(147 42% 71%)
- HWB
- hwb(147 59% 16%)
- OKLCH
- oklch(0.821 0.08 160)
- OKLab
- oklab(0.821 -0.075 0.027)
- CIE Lab
- lab(80.36 -25.88 10.23)
- LCH
- lch(80.36 27.83 158.4)
- CMYK
- cmyk(29% 0% 16% 16%)
Tinte · Ombre · Toni
Tinte
- A2D9BA
- ADDEC2
- B7E2C9
- C2E6D1
- CCEAD9
- D6EEE0
- E0F3E8
- EBF7F0
- F5FBF7
Ombre
- 83B99B
- 6F9E84
- 5C836E
- 496A58
- 375143
- 263A2F
- 17241D
- 08100C
- 010201
Toni
- 95CCAE
- 93C4A9
- 91BBA3
- 8FB29E
- 8DAA99
- 8BA194
- 88998F
- 86918A
- 838885
Armonie di colore
Complementare +180°
- 97D5B3
Vista Blue
- E9B1D5
≈ Gumball
Analogo -30° +30°
- 97D5B3
Vista Blue
- B4CF99
≈ Greenhorn
- 85D6D0
≈ Island Sea
Triadico +120° +240°
- 97D5B3
Vista Blue
- BAC0F8
≈ Vodka
- F2B49E
≈ Wax Flower
Complementare divisa +150° +210°
- 97D5B3
Vista Blue
- D4B7EC
≈ Connecticut Lilac
- F3B0B9
≈ Silly Puddy
Tetradico +90° +180° +270°
- 97D5B3
Vista Blue
- 9EC9F7
≈ Baby Blue Eyes
- E9B1D5
≈ Gumball
- E6BC8C
≈ Raw Peanut
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.48:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--vista-blue: #97d5b3;
--vista-blue-rgb: 151 213 179;
--vista-blue-oklch: oklch(0.821 0.08 160);
}
.element {
color: var(--vista-blue);
background-color: hsl(147 42% 71%);
border-color: oklch(0.821 0.08 160);
}Tailwind CSS v4
@theme {
--color-vista-blue: #97d5b3;
--color-vista-blue-50: #e2fdee;
--color-vista-blue-100: #d1f1e0;
--color-vista-blue-200: #b7dfca;
--color-vista-blue-300: #93c5ab;
--color-vista-blue-400: #74ad8e;
--color-vista-blue-500: #539774;
--color-vista-blue-600: #477f62;
--color-vista-blue-700: #39664e;
--color-vista-blue-800: #294b38;
--color-vista-blue-900: #1c3426;
--color-vista-blue-950: #0c1f14;
}SCSS
$vista-blue: #97d5b3;
$vista-blue-rgb: 151, 213, 179;
$vista-blue-light: mix(#fff, $vista-blue, 20%);
$vista-blue-dark: mix(#000, $vista-blue, 20%);
.element {
color: $vista-blue;
box-shadow: 0 0 0 2px rgba($vista-blue, 0.35);
}