Nazwany kolor · #BCB7B1
Rampart
Rampart to #BCB7B1: rgb(188 183 177), hsl(33 8% 72%), oklch(0.782 0.01 72.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rampart color name →
#BCB7B1
oklch(0.782 0.01 72.6)
Konwersje koloru
- HEX
- #bcb7b1
- RGB
- rgb(188 183 177)
- HSL
- hsl(33 8% 72%)
- HWB
- hwb(33 69% 26%)
- OKLCH
- oklch(0.782 0.01 72.6)
- OKLab
- oklab(0.782 0.003 0.01)
- CIE Lab
- lab(74.7 1.03 3.72)
- LCH
- lch(74.7 3.86 74.6)
- CMYK
- cmyk(0% 3% 6% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3BEB9
- C9C5C0
- D0CCC8
- D6D3D0
- DDDAD7
- E4E2DF
- EBE9E7
- F1F0EF
- F8F8F7
Odcienie ciemniejsze
- A39F99
- 8B8783
- 73706C
- 5D5A57
- 474542
- 32312F
- 1F1E1C
- 0D0C0C
- 020201
Tony
- B6B1AC
- B0ACA7
- AAA6A2
- A4A19D
- 9D9B98
- 979693
- 92908E
- 8C8B8A
- 868585
Harmonie kolorów
Komplementarna +180°
- BCB7B1
Rampart
- B3B8BE
≈ Let It Rain
Analogowa -30° +30°
- BCB7B1
Rampart
- BEB6B3
≈ Smooth Stone
- B9B8B1
≈ Classic Silver
Triada +120° +240°
- BCB7B1
Rampart
- B1BABA
≈ Silver Mistral
- BAB6BD
≈ Best in Show
Komplementarna rozszczepiona +150° +210°
- BCB7B1
Rampart
- B1B9BD
≈ Lake Placid
- B7B7BE
≈ Dolphin at Play
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.99:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.54:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--rampart: #bcb7b1;
--rampart-rgb: 188 183 177;
--rampart-oklch: oklch(0.782 0.01 72.6);
}
.element {
color: var(--rampart);
background-color: hsl(33 8% 72%);
border-color: oklch(0.782 0.01 72.6);
}Tailwind CSS v4
@theme {
--color-rampart: #bcb7b1;
--color-rampart-50: #f7f5f2;
--color-rampart-100: #eae7e4;
--color-rampart-200: #d7d4cf;
--color-rampart-300: #bab7b2;
--color-rampart-400: #a29e98;
--color-rampart-500: #8a857f;
--color-rampart-600: #75716c;
--color-rampart-700: #5e5a56;
--color-rampart-800: #45423f;
--color-rampart-900: #2f2d2b;
--color-rampart-950: #1c1a18;
}SCSS
$rampart: #bcb7b1;
$rampart-rgb: 188, 183, 177;
$rampart-light: mix(#fff, $rampart, 20%);
$rampart-dark: mix(#000, $rampart, 20%);
.element {
color: $rampart;
box-shadow: 0 0 0 2px rgba($rampart, 0.35);
}