Benannte Farbe · #84A9B0
Stormy Waters
Stormy Waters ist #84A9B0: rgb(132 169 176), hsl(190 22% 60%), oklch(0.71 0.041 210.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Stormy Waters color name →
#84A9B0
oklch(0.71 0.041 210.4)
Farbumrechnungen
- HEX
- #84a9b0
- RGB
- rgb(132 169 176)
- HSL
- hsl(190 22% 60%)
- HWB
- hwb(190 52% 31%)
- OKLCH
- oklch(0.71 0.041 210.4)
- OKLab
- oklab(0.71 -0.036 -0.021)
- CIE Lab
- lab(66.68 -11.82 -7.98)
- LCH
- lch(66.68 14.26 214)
- CMYK
- cmyk(25% 4% 0% 31%)
Tints · Shades · Tones
Tints
- 90B1B8
- 9CBABF
- A8C2C7
- B4CBCF
- C1D3D7
- CDDCDF
- D9E5E7
- E6EDEF
- F2F6F7
Shades
- 729299
- 607C82
- 4F676C
- 3F5356
- 2F3F42
- 202C2E
- 121B1C
- 060A0B
- 010101
Tones
- 84A5AB
- 84A1A6
- 839DA1
- 83989D
- 839498
- 829093
- 828C8E
- 818889
- 818485
Farbharmonien
Komplementär +180°
- 84A9B0
Stormy Waters
- BA9892
≈ Lilac Suede
Analog -30° +30°
- 84A9B0
Stormy Waters
- 86AAA3
≈ Lake Water
- 8BA5B9
≈ Notable Hue
Triadisch +120° +240°
- 84A9B0
Stormy Waters
- B199AE
≈ Veiled Violet
- ABA184
≈ Northgate Green
Geteilt komplementär +150° +210°
- 84A9B0
Stormy Waters
- B997A0
≈ Magenta Twilight
- B59C88
≈ Rich Taupe
Tetradisch +90° +180° +270°
- 84A9B0
Stormy Waters
- A59CB8
≈ Fragrant Satchel
- BA9892
≈ Lilac Suede
- 9EA689
≈ Glade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.53:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.28:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--stormy-waters: #84a9b0;
--stormy-waters-rgb: 132 169 176;
--stormy-waters-oklch: oklch(0.71 0.041 210.4);
}
.element {
color: var(--stormy-waters);
background-color: hsl(190 22% 60%);
border-color: oklch(0.71 0.041 210.4);
}Tailwind CSS v4
@theme {
--color-stormy-waters: #84a9b0;
--color-stormy-waters-50: #e8f9fc;
--color-stormy-waters-100: #d9ecf0;
--color-stormy-waters-200: #c1d9df;
--color-stormy-waters-300: #a0bdc4;
--color-stormy-waters-400: #83a6ac;
--color-stormy-waters-500: #668e96;
--color-stormy-waters-600: #57787e;
--color-stormy-waters-700: #456065;
--color-stormy-waters-800: #31474a;
--color-stormy-waters-900: #223133;
--color-stormy-waters-950: #111d1f;
}SCSS
$stormy-waters: #84a9b0;
$stormy-waters-rgb: 132, 169, 176;
$stormy-waters-light: mix(#fff, $stormy-waters, 20%);
$stormy-waters-dark: mix(#000, $stormy-waters, 20%);
.element {
color: $stormy-waters;
box-shadow: 0 0 0 2px rgba($stormy-waters, 0.35);
}