Nächste benannte Farbe · #B1BBA0
#B1BBA0
Nächste benannte Farbe: Meadow Morn
#B1BBA0 (rgb(177 187 160), hsl(82 17% 68%), oklch(0.777 0.039 123.9)) liegt am nächsten an der benannten Farbe Meadow Morn. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B1BBA0
oklch(0.777 0.039 123.9)
Farbumrechnungen
- HEX
- #b1bba0
- RGB
- rgb(177 187 160)
- HSL
- hsl(82 17% 68%)
- HWB
- hwb(82 63% 27%)
- OKLCH
- oklch(0.777 0.039 123.9)
- OKLab
- oklab(0.777 -0.022 0.032)
- CIE Lab
- lab(74.53 -7.22 12.49)
- LCH
- lch(74.53 14.43 120)
- CMYK
- cmyk(5% 0% 14% 27%)
Tints · Shades · Tones
Tints
- B9C2A9
- C0C8B3
- C8CFBC
- D0D6C5
- D7DDCF
- DFE3D8
- E7EAE2
- EFF1EC
- F7F8F5
Shades
- 99A28B
- 838A76
- 6C7361
- 575C4E
- 42463B
- 2F3229
- 1C1F19
- 0C0D09
- 010201
Tones
- ACB59D
- A7AF9A
- A2A996
- 9DA393
- 989D90
- 93978D
- 8E918A
- 8A8C86
- 858683
Farbharmonien
Komplementär +180°
- B1BBA0
Meadow Morn
- BBB1CB
≈ Violet Beauty
Analog -30° +30°
- B1BBA0
Meadow Morn
- BEB69B
≈ Distant Valley
- A4BEAB
≈ Spring Reflection
Triadisch +120° +240°
- B1BBA0
Meadow Morn
- A2BACE
≈ Northern Pond
- CDADB3
≈ Scented Frill
Geteilt komplementär +150° +210°
- B1BBA0
Meadow Morn
- AEB5D0
≈ Hundred Waters
- C7AEC1
≈ Lavish Lavender
Tetradisch +90° +180° +270°
- B1BBA0
Meadow Morn
- 9BBDC6
≈ Déjà Blue
- BBB1CB
≈ Violet Beauty
- CEAEA6
≈ Lime Hawk Moth
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.00:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.48:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--meadow-morn: #b1bba0;
--meadow-morn-rgb: 177 187 160;
--meadow-morn-oklch: oklch(0.777 0.039 123.9);
}
.element {
color: var(--meadow-morn);
background-color: hsl(82 17% 68%);
border-color: oklch(0.777 0.039 123.9);
}Tailwind CSS v4
@theme {
--color-meadow-morn: #b1bba0;
--color-meadow-morn-50: #f2f7eb;
--color-meadow-morn-100: #e4eadd;
--color-meadow-morn-200: #d0d8c6;
--color-meadow-morn-300: #b2bba6;
--color-meadow-morn-400: #99a38a;
--color-meadow-morn-500: #818b6f;
--color-meadow-morn-600: #6d765e;
--color-meadow-morn-700: #575e4b;
--color-meadow-morn-800: #404536;
--color-meadow-morn-900: #2c2f25;
--color-meadow-morn-950: #191c13;
}SCSS
$meadow-morn: #b1bba0;
$meadow-morn-rgb: 177, 187, 160;
$meadow-morn-light: mix(#fff, $meadow-morn, 20%);
$meadow-morn-dark: mix(#000, $meadow-morn, 20%);
.element {
color: $meadow-morn;
box-shadow: 0 0 0 2px rgba($meadow-morn, 0.35);
}