Benannte Farbe · #B0B9AC
Morning Dew
Morning Dew ist #B0B9AC: rgb(176 185 172), hsl(102 8% 70%), oklch(0.775 0.021 135.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Morning Dew color name →
#B0B9AC
oklch(0.775 0.021 135.9)
Farbumrechnungen
- HEX
- #b0b9ac
- RGB
- rgb(176 185 172)
- HSL
- hsl(102 8% 70%)
- HWB
- hwb(102 67% 27%)
- OKLCH
- oklch(0.775 0.021 135.9)
- OKLab
- oklab(0.775 -0.015 0.014)
- CIE Lab
- lab(74.15 -5.06 5.48)
- LCH
- lch(74.15 7.46 132.7)
- CMYK
- cmyk(5% 0% 7% 27%)
Tints · Shades · Tones
Tints
- B8C0B4
- BFC7BC
- C7CEC4
- CFD5CD
- D7DCD5
- DFE3DD
- E7EAE6
- EFF1EE
- F7F8F6
Shades
- 99A095
- 82897F
- 6C7169
- 565B54
- 424640
- 2E312D
- 1C1E1B
- 0B0D0B
- 010201
Tones
- ABB3A8
- A6ADA3
- A1A89F
- 9CA29A
- 989C96
- 939691
- 8E918D
- 898B89
- 858684
Farbharmonien
Komplementär +180°
- B0B9AC
Morning Dew
- BBB2BF
≈ Ash Grove
Analog -30° +30°
- B0B9AC
Morning Dew
- B7B7A8
≈ Shell Walk
- AABAB3
≈ Quiet Teal
Triadisch +120° +240°
- B0B9AC
Morning Dew
- ADB7C3
≈ Bedside Manner
- C3B1B1
≈ Milky Skies
Geteilt komplementär +150° +210°
- B0B9AC
Morning Dew
- B4B4C3
≈ Fading Sunset
- C0B1B9
≈ Mischief
Tetradisch +90° +180° +270°
- B0B9AC
Morning Dew
- A9B9C0
≈ Glen Falls
- BBB2BF
≈ Ash Grove
- C2B2AB
≈ Artistic Taupe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.38:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--morning-dew: #b0b9ac;
--morning-dew-rgb: 176 185 172;
--morning-dew-oklch: oklch(0.775 0.021 135.9);
}
.element {
color: var(--morning-dew);
background-color: hsl(102 8% 70%);
border-color: oklch(0.775 0.021 135.9);
}Tailwind CSS v4
@theme {
--color-morning-dew: #b0b9ac;
--color-morning-dew-50: #f2f7f1;
--color-morning-dew-100: #e5eae3;
--color-morning-dew-200: #d0d6ce;
--color-morning-dew-300: #b2bab0;
--color-morning-dew-400: #99a195;
--color-morning-dew-500: #808a7c;
--color-morning-dew-600: #6d7469;
--color-morning-dew-700: #575d54;
--color-morning-dew-800: #3f443d;
--color-morning-dew-900: #2c2f2a;
--color-morning-dew-950: #191c17;
}SCSS
$morning-dew: #b0b9ac;
$morning-dew-rgb: 176, 185, 172;
$morning-dew-light: mix(#fff, $morning-dew, 20%);
$morning-dew-dark: mix(#000, $morning-dew, 20%);
.element {
color: $morning-dew;
box-shadow: 0 0 0 2px rgba($morning-dew, 0.35);
}