Benannte Farbe · #B6B7B0
Chelsea Grey
Chelsea Grey ist #B6B7B0: rgb(182 183 176), hsl(69 5% 70%), oklch(0.777 0.01 113.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Chelsea Grey color name →
#B6B7B0
oklch(0.777 0.01 113.2)
Farbumrechnungen
- HEX
- #b6b7b0
- RGB
- rgb(182 183 176)
- HSL
- hsl(69 5% 70%)
- HWB
- hwb(69 69% 28%)
- OKLCH
- oklch(0.777 0.01 113.2)
- OKLab
- oklab(0.777 -0.004 0.009)
- CIE Lab
- lab(74.18 -1.32 3.44)
- LCH
- lch(74.18 3.69 111)
- CMYK
- cmyk(1% 0% 4% 28%)
Tints · Shades · Tones
Tints
- BDBEB8
- C4C5BF
- CBCCC7
- D3D3CF
- DADAD7
- E1E2DF
- E9E9E7
- F0F0EF
- F7F8F7
Shades
- 9E9F99
- 868782
- 6F706C
- 595A56
- 444542
- 30312E
- 1D1E1C
- 0C0C0B
- 020201
Tones
- B0B1AB
- ABACA6
- A5A6A1
- A0A19C
- 9B9B98
- 959693
- 90908E
- 8B8B89
- 858585
Farbharmonien
Komplementär +180°
- B6B7B0
Chelsea Grey
- B6B5BC
≈ Enchanted Silver
Analog -30° +30°
- B6B7B0
Chelsea Grey
- B9B6AF
≈ Soft Beige
- B3B8B2
≈ Sleepy
Triadisch +120° +240°
- B6B7B0
Chelsea Grey
- B0B7BC
≈ Grey Pearl Sand
- BCB4B7
≈ Silver Bells
Geteilt komplementär +150° +210°
- B6B7B0
Chelsea Grey
- B3B6BD
≈ Cube Farm
- B9B4BA
≈ Silver Bells
Tetradisch +90° +180° +270°
- B6B7B0
Chelsea Grey
- AFB8B9
≈ Autumn Fog
- B6B5BC
≈ Enchanted Silver
- BDB4B3
≈ Winter Calm
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 {
--chelsea-grey: #b6b7b0;
--chelsea-grey-rgb: 182 183 176;
--chelsea-grey-oklch: oklch(0.777 0.01 113.2);
}
.element {
color: var(--chelsea-grey);
background-color: hsl(69 5% 70%);
border-color: oklch(0.777 0.01 113.2);
}Tailwind CSS v4
@theme {
--color-chelsea-grey: #b6b7b0;
--color-chelsea-grey-50: #f5f5f2;
--color-chelsea-grey-100: #e7e8e5;
--color-chelsea-grey-200: #d4d5d0;
--color-chelsea-grey-300: #b7b8b2;
--color-chelsea-grey-400: #9e9f99;
--color-chelsea-grey-500: #868780;
--color-chelsea-grey-600: #71726c;
--color-chelsea-grey-700: #5b5b56;
--color-chelsea-grey-800: #42433f;
--color-chelsea-grey-900: #2e2e2b;
--color-chelsea-grey-950: #1b1b19;
}SCSS
$chelsea-grey: #b6b7b0;
$chelsea-grey-rgb: 182, 183, 176;
$chelsea-grey-light: mix(#fff, $chelsea-grey, 20%);
$chelsea-grey-dark: mix(#000, $chelsea-grey, 20%);
.element {
color: $chelsea-grey;
box-shadow: 0 0 0 2px rgba($chelsea-grey, 0.35);
}