Benannte Farbe · #A9BDB8
Water Surface
Water Surface ist #A9BDB8: rgb(169 189 184), hsl(165 13% 70%), oklch(0.782 0.023 179). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Water Surface color name →
#A9BDB8
oklch(0.782 0.023 179)
Farbumrechnungen
- HEX
- #a9bdb8
- RGB
- rgb(169 189 184)
- HSL
- hsl(165 13% 70%)
- HWB
- hwb(165 66% 26%)
- OKLCH
- oklch(0.782 0.023 179)
- OKLab
- oklab(0.782 -0.023 0)
- CIE Lab
- lab(74.96 -7.84 0.08)
- LCH
- lch(74.96 7.84 179.4)
- CMYK
- cmyk(11% 0% 3% 26%)
Tints · Shades · Tones
Tints
- B1C3BF
- BACAC6
- C2D0CD
- CBD7D4
- D3DEDB
- DCE4E2
- E5EBE9
- EDF2F0
- F6F8F8
Shades
- 92A4A0
- 7C8C88
- 677471
- 535D5B
- 3F4745
- 2C3331
- 1B1F1E
- 0A0D0C
- 010202
Tones
- A5B7B2
- A1B0AD
- 9DAAA7
- 99A4A1
- 949E9C
- 909896
- 8C9290
- 888C8B
- 848685
Farbharmonien
Komplementär +180°
- A9BDB8
Water Surface
- C5B2B7
≈ Blossom Powder
Analog -30° +30°
- A9BDB8
Water Surface
- AEBCB0
≈ Foggy Rain
- A8BCC0
≈ Grey Grain
Triadisch +120° +240°
- A9BDB8
Water Surface
- BAB5C5
≈ Juniper Berry
- C4B5AA
≈ River Clay
Geteilt komplementär +150° +210°
- A9BDB8
Water Surface
- C1B3BF
≈ La-De-Dah
- C6B3AF
≈ Rosy Linen
Tetradisch +90° +180° +270°
- A9BDB8
Water Surface
- B2B8C7
≈ Brother Blue
- C5B2B7
≈ Blossom Powder
- BEB7A8
≈ Ghost Town
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.97:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.65:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--water-surface: #a9bdb8;
--water-surface-rgb: 169 189 184;
--water-surface-oklch: oklch(0.782 0.023 179);
}
.element {
color: var(--water-surface);
background-color: hsl(165 13% 70%);
border-color: oklch(0.782 0.023 179);
}Tailwind CSS v4
@theme {
--color-water-surface: #a9bdb8;
--color-water-surface-50: #eef7f5;
--color-water-surface-100: #e0eae8;
--color-water-surface-200: #cad8d5;
--color-water-surface-300: #abbbb8;
--color-water-surface-400: #91a39f;
--color-water-surface-500: #768b86;
--color-water-surface-600: #647672;
--color-water-surface-700: #505e5b;
--color-water-surface-800: #3a4542;
--color-water-surface-900: #28302e;
--color-water-surface-950: #161c1a;
}SCSS
$water-surface: #a9bdb8;
$water-surface-rgb: 169, 189, 184;
$water-surface-light: mix(#fff, $water-surface, 20%);
$water-surface-dark: mix(#000, $water-surface, 20%);
.element {
color: $water-surface;
box-shadow: 0 0 0 2px rgba($water-surface, 0.35);
}