Benannte Farbe · #97D5B3
Vista Blue
Vista Blue ist #97D5B3: rgb(151 213 179), hsl(147 42% 71%), oklch(0.821 0.08 160). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Vista Blue color name →
#97D5B3
oklch(0.821 0.08 160)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A2D9BA
- ADDEC2
- B7E2C9
- C2E6D1
- CCEAD9
- D6EEE0
- E0F3E8
- EBF7F0
- F5FBF7
Shades
- 83B99B
- 6F9E84
- 5C836E
- 496A58
- 375143
- 263A2F
- 17241D
- 08100C
- 010201
Tones
- 95CCAE
- 93C4A9
- 91BBA3
- 8FB29E
- 8DAA99
- 8BA194
- 88998F
- 86918A
- 838885
Farbharmonien
Komplementär +180°
- 97D5B3
Vista Blue
- E9B1D5
≈ Gumball
Analog -30° +30°
- 97D5B3
Vista Blue
- B4CF99
≈ Greenhorn
- 85D6D0
≈ Island Sea
Triadisch +120° +240°
- 97D5B3
Vista Blue
- BAC0F8
≈ Vodka
- F2B49E
≈ Wax Flower
Geteilt komplementär +150° +210°
- 97D5B3
Vista Blue
- D4B7EC
≈ Connecticut Lilac
- F3B0B9
≈ Silly Puddy
Tetradisch +90° +180° +270°
- 97D5B3
Vista Blue
- 9EC9F7
≈ Baby Blue Eyes
- E9B1D5
≈ Gumball
- E6BC8C
≈ Raw Peanut
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.48:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
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);
}