Benannte Farbe · #A5B2A9
Dreamcatcher
Dreamcatcher ist #A5B2A9: rgb(165 178 169), hsl(138 8% 67%), oklch(0.751 0.019 155.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dreamcatcher color name →
#A5B2A9
oklch(0.751 0.019 155.7)
Farbumrechnungen
- HEX
- #a5b2a9
- RGB
- rgb(165 178 169)
- HSL
- hsl(138 8% 67%)
- HWB
- hwb(138 65% 30%)
- OKLCH
- oklch(0.751 0.019 155.7)
- OKLab
- oklab(0.751 -0.018 0.008)
- CIE Lab
- lab(71.35 -6 2.98)
- LCH
- lch(71.35 6.7 153.6)
- CMYK
- cmyk(7% 0% 5% 30%)
Tints · Shades · Tones
Tints
- AEB9B1
- B6C1BA
- BFC9C2
- C8D0CB
- D1D8D3
- DAE0DC
- E3E7E5
- ECEFED
- F6F7F6
Shades
- 8F9A92
- 79837C
- 656D67
- 515753
- 3D433F
- 2B2F2C
- 1A1D1B
- 0A0C0A
- 010101
Tones
- A1ADA5
- 9EA8A1
- 9AA39C
- 969E98
- 929994
- 8F9490
- 8B8F8C
- 878A88
- 848584
Farbharmonien
Komplementär +180°
- A5B2A9
Dreamcatcher
- B6AAB3
≈ Lavender Cloud
Analog -30° +30°
- A5B2A9
Dreamcatcher
- ABB1A4
≈ Montezuma Hills
- A1B2B0
≈ Conch
Triadisch +120° +240°
- A5B2A9
Dreamcatcher
- AAADBB
≈ Eclectic
- BAAAA6
≈ Winter Cocoa
Geteilt komplementär +150° +210°
- A5B2A9
Dreamcatcher
- B1ABB8
≈ Lilac Bloom
- BAA9AC
≈ Ramadi Grey
Tetradisch +90° +180° +270°
- A5B2A9
Dreamcatcher
- A5B0BA
≈ Berry Chalk
- B6AAB3
≈ Lavender Cloud
- B7ACA2
≈ Packed Sand
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.20:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.54:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--dreamcatcher: #a5b2a9;
--dreamcatcher-rgb: 165 178 169;
--dreamcatcher-oklch: oklch(0.751 0.019 155.7);
}
.element {
color: var(--dreamcatcher);
background-color: hsl(138 8% 67%);
border-color: oklch(0.751 0.019 155.7);
}Tailwind CSS v4
@theme {
--color-dreamcatcher: #a5b2a9;
--color-dreamcatcher-50: #f1f7f3;
--color-dreamcatcher-100: #e3eae5;
--color-dreamcatcher-200: #ced7d1;
--color-dreamcatcher-300: #b0bab4;
--color-dreamcatcher-400: #96a29a;
--color-dreamcatcher-500: #7c8a81;
--color-dreamcatcher-600: #69756d;
--color-dreamcatcher-700: #545e57;
--color-dreamcatcher-800: #3d443f;
--color-dreamcatcher-900: #2a2f2c;
--color-dreamcatcher-950: #181c19;
}SCSS
$dreamcatcher: #a5b2a9;
$dreamcatcher-rgb: 165, 178, 169;
$dreamcatcher-light: mix(#fff, $dreamcatcher, 20%);
$dreamcatcher-dark: mix(#000, $dreamcatcher, 20%);
.element {
color: $dreamcatcher;
box-shadow: 0 0 0 2px rgba($dreamcatcher, 0.35);
}