Benannte Farbe · #A5B8C5
Hazy Daze
Hazy Daze ist #A5B8C5: rgb(165 184 197), hsl(204 22% 71%), oklch(0.772 0.028 237.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Hazy Daze color name →
#A5B8C5
oklch(0.772 0.028 237.7)
Farbumrechnungen
- HEX
- #a5b8c5
- RGB
- rgb(165 184 197)
- HSL
- hsl(204 22% 71%)
- HWB
- hwb(204 65% 23%)
- OKLCH
- oklch(0.772 0.028 237.7)
- OKLab
- oklab(0.772 -0.015 -0.024)
- CIE Lab
- lab(73.62 -4.73 -8.94)
- LCH
- lch(73.62 10.12 242.1)
- CMYK
- cmyk(16% 7% 0% 23%)
Tints · Shades · Tones
Tints
- AEBFCB
- B7C6D0
- BFCDD6
- C8D4DC
- D1DBE2
- DAE2E8
- E3E9ED
- EDF1F3
- F6F8F9
Shades
- 8FA0AB
- 798892
- 657179
- 515B61
- 3D454B
- 2B3135
- 1A1E21
- 0A0C0E
- 010202
Tones
- A1B2BE
- 9EADB7
- 9AA7B0
- 96A1A9
- 929CA2
- 8F969B
- 8B9094
- 878B8D
- 848587
Farbharmonien
Komplementär +180°
- A5B8C5
Hazy Daze
- C3B1A4
≈ Coral Clay
Analog -30° +30°
- A5B8C5
Hazy Daze
- A1BABE
≈ Hopeful Blue
- ADB5C7
≈ Spacious Sky
Triadisch +120° +240°
- A5B8C5
Hazy Daze
- C5AEB5
≈ Velvet Ears
- B3B8A4
≈ Matt Sage
Geteilt komplementär +150° +210°
- A5B8C5
Hazy Daze
- C6AFAB
≈ Wispy Mauve
- BCB4A1
≈ Ashes to Ashes
Tetradisch +90° +180° +270°
- A5B8C5
Hazy Daze
- BFAFBE
≈ Velvet Dawn
- C3B1A4
≈ Coral Clay
- AABAAB
≈ Rockfall
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.04:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.26:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.26:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--hazy-daze: #a5b8c5;
--hazy-daze-rgb: 165 184 197;
--hazy-daze-oklch: oklch(0.772 0.028 237.7);
}
.element {
color: var(--hazy-daze);
background-color: hsl(204 22% 71%);
border-color: oklch(0.772 0.028 237.7);
}Tailwind CSS v4
@theme {
--color-hazy-daze: #a5b8c5;
--color-hazy-daze-50: #eef6fc;
--color-hazy-daze-100: #e0e9f0;
--color-hazy-daze-200: #cad6df;
--color-hazy-daze-300: #abbac5;
--color-hazy-daze-400: #90a1ad;
--color-hazy-daze-500: #758997;
--color-hazy-daze-600: #637480;
--color-hazy-daze-700: #4f5d66;
--color-hazy-daze-800: #39444b;
--color-hazy-daze-900: #272f34;
--color-hazy-daze-950: #151c1f;
}SCSS
$hazy-daze: #a5b8c5;
$hazy-daze-rgb: 165, 184, 197;
$hazy-daze-light: mix(#fff, $hazy-daze, 20%);
$hazy-daze-dark: mix(#000, $hazy-daze, 20%);
.element {
color: $hazy-daze;
box-shadow: 0 0 0 2px rgba($hazy-daze, 0.35);
}