Nazwany kolor · #B3A996
Raffia Greige
Raffia Greige to #B3A996: rgb(179 169 150), hsl(39 16% 65%), oklch(0.738 0.029 83.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Raffia Greige color name →
#B3A996
oklch(0.738 0.029 83.5)
Konwersje koloru
- HEX
- #b3a996
- RGB
- rgb(179 169 150)
- HSL
- hsl(39 16% 65%)
- HWB
- hwb(39 59% 30%)
- OKLCH
- oklch(0.738 0.029 83.5)
- OKLab
- oklab(0.738 0.003 0.029)
- CIE Lab
- lab(69.7 1.33 11.21)
- LCH
- lch(69.7 11.29 83.3)
- CMYK
- cmyk(0% 6% 16% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAB1A0
- C2BAAA
- C9C2B5
- D1CBBF
- D8D3C9
- E0DCD4
- E8E5DF
- EFEDE9
- F7F6F4
Odcienie ciemniejsze
- 9B9282
- 847C6E
- 6E675B
- 585349
- 433F37
- 2F2C26
- 1D1B16
- 0C0A08
- 010101
Tony
- AEA594
- A9A192
- A39D8F
- 9E988D
- 99948B
- 949089
- 8F8C87
- 8A8884
- 858482
Harmonie kolorów
Komplementarna +180°
- B3A996
Raffia Greige
- A1ABBD
≈ Lilac Time
Analogowa -30° +30°
- B3A996
Raffia Greige
- BAA69A
≈ Frontier Land
- AAAD98
≈ Chinese Tea Green
Triada +120° +240°
- B3A996
Raffia Greige
- 96B0B2
≈ Quiet Moment
- B4A4B5
≈ Bellflower Violet
Komplementarna rozszczepiona +150° +210°
- B3A996
Raffia Greige
- 99AEBA
≈ Foggy Blue
- ABA7BB
≈ Morning Mist Grey
Tetrada +90° +180° +270°
- B3A996
Raffia Greige
- 98B0A8
≈ Lovage Green
- A1ABBD
≈ Lilac Time
- BAA3AB
≈ Magical Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.32:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.03:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--raffia-greige: #b3a996;
--raffia-greige-rgb: 179 169 150;
--raffia-greige-oklch: oklch(0.738 0.029 83.5);
}
.element {
color: var(--raffia-greige);
background-color: hsl(39 16% 65%);
border-color: oklch(0.738 0.029 83.5);
}Tailwind CSS v4
@theme {
--color-raffia-greige: #b3a996;
--color-raffia-greige-50: #f9f5ec;
--color-raffia-greige-100: #ece7dd;
--color-raffia-greige-200: #dad4c7;
--color-raffia-greige-300: #beb7a7;
--color-raffia-greige-400: #a79d8b;
--color-raffia-greige-500: #8f8571;
--color-raffia-greige-600: #797060;
--color-raffia-greige-700: #615a4c;
--color-raffia-greige-800: #474237;
--color-raffia-greige-900: #322d26;
--color-raffia-greige-950: #1d1a14;
}SCSS
$raffia-greige: #b3a996;
$raffia-greige-rgb: 179, 169, 150;
$raffia-greige-light: mix(#fff, $raffia-greige, 20%);
$raffia-greige-dark: mix(#000, $raffia-greige, 20%);
.element {
color: $raffia-greige;
box-shadow: 0 0 0 2px rgba($raffia-greige, 0.35);
}