Nazwany kolor · #B7B2A6
Rushmore Grey
Rushmore Grey to #B7B2A6: rgb(183 178 166), hsl(42 11% 68%), oklch(0.764 0.018 88). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rushmore Grey color name →
#B7B2A6
oklch(0.764 0.018 88)
Konwersje koloru
- HEX
- #b7b2a6
- RGB
- rgb(183 178 166)
- HSL
- hsl(42 11% 68%)
- HWB
- hwb(42 65% 28%)
- OKLCH
- oklch(0.764 0.018 88)
- OKLab
- oklab(0.764 0.001 0.018)
- CIE Lab
- lab(72.74 0.26 6.82)
- LCH
- lch(72.74 6.82 87.8)
- CMYK
- cmyk(0% 3% 9% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEB9AF
- C5C1B7
- CCC9C0
- D3D0C9
- DAD8D2
- E2E0DB
- E9E7E4
- F0EFED
- F8F7F6
Odcienie ciemniejsze
- 9F9A90
- 87837A
- 706D65
- 5A5751
- 45433E
- 312F2B
- 1E1D1A
- 0C0C0A
- 020101
Tony
- B1ADA2
- ACA89E
- A6A39A
- A19E97
- 9B9993
- 96948F
- 908F8B
- 8B8A87
- 858584
Harmonie kolorów
Komplementarna +180°
- B7B2A6
Rushmore Grey
- ADB2BE
≈ Chivalrous
Analogowa -30° +30°
- B7B2A6
Rushmore Grey
- BCB0A8
≈ City Street
- B1B4A8
≈ Rigani
Triada +120° +240°
- B7B2A6
Rushmore Grey
- A6B6B8
≈ Blue Arrow
- B9AFB8
≈ Down Dog
Komplementarna rozszczepiona +150° +210°
- B7B2A6
Rushmore Grey
- A9B4BD
≈ Intercoastal Grey
- B3B0BD
≈ Veiled Delight
Tetrada +90° +180° +270°
- B7B2A6
Rushmore Grey
- A7B6B2
≈ Periglacial Blue
- ADB2BE
≈ Chivalrous
- BDAEB2
≈ Moire
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.11:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.93:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--rushmore-grey: #b7b2a6;
--rushmore-grey-rgb: 183 178 166;
--rushmore-grey-oklch: oklch(0.764 0.018 88);
}
.element {
color: var(--rushmore-grey);
background-color: hsl(42 11% 68%);
border-color: oklch(0.764 0.018 88);
}Tailwind CSS v4
@theme {
--color-rushmore-grey: #b7b2a6;
--color-rushmore-grey-50: #f7f5ef;
--color-rushmore-grey-100: #eae8e1;
--color-rushmore-grey-200: #d7d4cc;
--color-rushmore-grey-300: #bbb7ad;
--color-rushmore-grey-400: #a39e93;
--color-rushmore-grey-500: #8b8679;
--color-rushmore-grey-600: #767167;
--color-rushmore-grey-700: #5e5a52;
--color-rushmore-grey-800: #45423c;
--color-rushmore-grey-900: #302e29;
--color-rushmore-grey-950: #1c1a17;
}SCSS
$rushmore-grey: #b7b2a6;
$rushmore-grey-rgb: 183, 178, 166;
$rushmore-grey-light: mix(#fff, $rushmore-grey, 20%);
$rushmore-grey-dark: mix(#000, $rushmore-grey, 20%);
.element {
color: $rushmore-grey;
box-shadow: 0 0 0 2px rgba($rushmore-grey, 0.35);
}