Nazwany kolor · #B9B5AF
Soft Beige
Soft Beige to #B9B5AF: rgb(185 181 175), hsl(36 7% 71%), oklch(0.775 0.01 78.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Soft Beige color name →
#B9B5AF
oklch(0.775 0.01 78.3)
Konwersje koloru
- HEX
- #b9b5af
- RGB
- rgb(185 181 175)
- HSL
- hsl(36 7% 71%)
- HWB
- hwb(36 69% 27%)
- OKLCH
- oklch(0.775 0.01 78.3)
- OKLab
- oklab(0.775 0.002 0.009)
- CIE Lab
- lab(73.88 0.66 3.59)
- LCH
- lch(73.88 3.65 79.6)
- CMYK
- cmyk(0% 2% 5% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0BCB7
- C7C3BF
- CECBC6
- D4D2CE
- DBD9D6
- E3E1DE
- EAE8E6
- F1F0EF
- F8F7F7
Odcienie ciemniejsze
- A09D98
- 898681
- 716F6B
- 5B5956
- 464441
- 31302E
- 1E1D1C
- 0D0C0B
- 020201
Tony
- B3B0AA
- ADAAA5
- A8A5A1
- A29F9C
- 9C9A97
- 969592
- 91908E
- 8B8A89
- 868585
Harmonie kolorów
Komplementarna +180°
- B9B5AF
Soft Beige
- B2B6BC
≈ Cube Farm
Analogowa -30° +30°
- B9B5AF
Soft Beige
- BBB4B0
≈ Grey Marble
- B6B6AF
≈ Chelsea Grey
Triada +120° +240°
- B9B5AF
Soft Beige
- AFB8B8
≈ Autumn Fog
- B8B4BA
≈ Silver Bullet
Komplementarna rozszczepiona +150° +210°
- B9B5AF
Soft Beige
- B0B7BA
≈ Autumn Fog
- B5B5BC
≈ Enchanted Silver
Tetrada +90° +180° +270°
- B9B5AF
Soft Beige
- B0B8B4
≈ Swag Bag Silver
- B2B6BC
≈ Cube Farm
- BBB3B7
≈ Silver Bells
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.29:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-beige: #b9b5af;
--soft-beige-rgb: 185 181 175;
--soft-beige-oklch: oklch(0.775 0.01 78.3);
}
.element {
color: var(--soft-beige);
background-color: hsl(36 7% 71%);
border-color: oklch(0.775 0.01 78.3);
}Tailwind CSS v4
@theme {
--color-soft-beige: #b9b5af;
--color-soft-beige-50: #f6f5f2;
--color-soft-beige-100: #e9e7e4;
--color-soft-beige-200: #d6d4d0;
--color-soft-beige-300: #bab7b2;
--color-soft-beige-400: #a19e98;
--color-soft-beige-500: #8a857f;
--color-soft-beige-600: #74716c;
--color-soft-beige-700: #5d5a56;
--color-soft-beige-800: #44423f;
--color-soft-beige-900: #2f2d2b;
--color-soft-beige-950: #1c1a19;
}SCSS
$soft-beige: #b9b5af;
$soft-beige-rgb: 185, 181, 175;
$soft-beige-light: mix(#fff, $soft-beige, 20%);
$soft-beige-dark: mix(#000, $soft-beige, 20%);
.element {
color: $soft-beige;
box-shadow: 0 0 0 2px rgba($soft-beige, 0.35);
}