Nazwany kolor · #B5A998
Fine Greige
Fine Greige to #B5A998: rgb(181 169 152), hsl(35 16% 65%), oklch(0.74 0.028 76.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fine Greige color name →
#B5A998
oklch(0.74 0.028 76.7)
Konwersje koloru
- HEX
- #b5a998
- RGB
- rgb(181 169 152)
- HSL
- hsl(35 16% 65%)
- HWB
- hwb(35 60% 29%)
- OKLCH
- oklch(0.74 0.028 76.7)
- OKLab
- oklab(0.74 0.006 0.027)
- CIE Lab
- lab(69.91 2.34 10.45)
- LCH
- lch(69.91 10.71 77.4)
- CMYK
- cmyk(0% 7% 16% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCB1A2
- C3BAAC
- CBC2B6
- D2CBC0
- D9D3CA
- E1DCD5
- E8E5DF
- F0EDEA
- F7F6F4
Odcienie ciemniejsze
- 9D9284
- 867C70
- 6F675C
- 59534A
- 443F38
- 302C27
- 1D1B17
- 0C0A08
- 020101
Tony
- B0A596
- AAA193
- A59D91
- 9F988E
- 9A948C
- 95908A
- 908C87
- 8A8885
- 858482
Harmonie kolorów
Komplementarna +180°
- B5A998
Fine Greige
- A0ACBD
≈ Petrel Blue Grey
Analogowa -30° +30°
- B5A998
Fine Greige
- BAA69C
≈ Frontier Land
- ADAC99
≈ Chinese Tea Green
Triada +120° +240°
- B5A998
Fine Greige
- 98B1B1
≈ Smooth-Hound Shark
- B2A6B7
≈ Bellflower Violet
Komplementarna rozszczepiona +150° +210°
- B5A998
Fine Greige
- 99AFB9
≈ Rainy Sidewalk
- A9A9BC
≈ Cream Violet
Tetrada +90° +180° +270°
- B5A998
Fine Greige
- 9BB1A7
≈ Silver Drop
- A0ACBD
≈ Petrel Blue Grey
- B9A4AE
≈ Buckwheat Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.30:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.09:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--fine-greige: #b5a998;
--fine-greige-rgb: 181 169 152;
--fine-greige-oklch: oklch(0.74 0.028 76.7);
}
.element {
color: var(--fine-greige);
background-color: hsl(35 16% 65%);
border-color: oklch(0.74 0.028 76.7);
}Tailwind CSS v4
@theme {
--color-fine-greige: #b5a998;
--color-fine-greige-50: #f9f4ed;
--color-fine-greige-100: #ede7de;
--color-fine-greige-200: #dbd3c7;
--color-fine-greige-300: #bfb6a8;
--color-fine-greige-400: #a89d8d;
--color-fine-greige-500: #918472;
--color-fine-greige-600: #7a7061;
--color-fine-greige-700: #62594d;
--color-fine-greige-800: #484138;
--color-fine-greige-900: #322d26;
--color-fine-greige-950: #1e1a15;
}SCSS
$fine-greige: #b5a998;
$fine-greige-rgb: 181, 169, 152;
$fine-greige-light: mix(#fff, $fine-greige, 20%);
$fine-greige-dark: mix(#000, $fine-greige, 20%);
.element {
color: $fine-greige;
box-shadow: 0 0 0 2px rgba($fine-greige, 0.35);
}