Benannte Farbe · #B7C1BE
Adieu
Adieu ist #B7C1BE: rgb(183 193 190), hsl(162 7% 74%), oklch(0.802 0.012 176.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Adieu color name →
#B7C1BE
oklch(0.802 0.012 176.2)
Farbumrechnungen
- HEX
- #b7c1be
- RGB
- rgb(183 193 190)
- HSL
- hsl(162 7% 74%)
- HWB
- hwb(162 72% 24%)
- OKLCH
- oklch(0.802 0.012 176.2)
- OKLab
- oklab(0.802 -0.012 0.001)
- CIE Lab
- lab(77.21 -4 0.26)
- LCH
- lch(77.21 4.01 176.3)
- CMYK
- cmyk(5% 0% 2% 24%)
Tints · Shades · Tones
Tints
- BEC7C4
- C5CDCB
- CCD3D1
- D3D9D8
- DAE0DE
- E2E6E5
- E9ECEB
- F0F2F2
- F8F9F8
Shades
- 9FA7A5
- 878F8C
- 707775
- 5A5F5E
- 454948
- 313433
- 1E201F
- 0C0E0D
- 020202
Tones
- B1BAB8
- ACB4B1
- A6ADAB
- A1A6A5
- 9BA09E
- 969998
- 909392
- 8B8D8C
- 858686
Farbharmonien
Komplementär +180°
- B7C1BE
Adieu
- C5BBBE
≈ Mulberry Stain
Analog -30° +30°
- B7C1BE
Adieu
- BAC1BA
≈ Silky Green
- B6C1C2
≈ Krypton
Triadisch +120° +240°
- B7C1BE
Adieu
- BFBDC5
≈ Great White
- C5BDB7
≈ Sculpting Clay
Geteilt komplementär +150° +210°
- B7C1BE
Adieu
- C3BCC2
≈ Inuit Ice
- C6BCBA
≈ Hush
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.84:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.38:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--adieu: #b7c1be;
--adieu-rgb: 183 193 190;
--adieu-oklch: oklch(0.802 0.012 176.2);
}
.element {
color: var(--adieu);
background-color: hsl(162 7% 74%);
border-color: oklch(0.802 0.012 176.2);
}Tailwind CSS v4
@theme {
--color-adieu: #b7c1be;
--color-adieu-50: #f2f6f5;
--color-adieu-100: #e4e9e8;
--color-adieu-200: #cfd6d4;
--color-adieu-300: #b1b9b7;
--color-adieu-400: #98a19e;
--color-adieu-500: #7e8986;
--color-adieu-600: #6b7471;
--color-adieu-700: #565d5b;
--color-adieu-800: #3e4442;
--color-adieu-900: #2b2f2e;
--color-adieu-950: #181b1a;
}SCSS
$adieu: #b7c1be;
$adieu-rgb: 183, 193, 190;
$adieu-light: mix(#fff, $adieu, 20%);
$adieu-dark: mix(#000, $adieu, 20%);
.element {
color: $adieu;
box-shadow: 0 0 0 2px rgba($adieu, 0.35);
}