Nazwany kolor · #C3BAB0
Luxe Grey
Luxe Grey to #C3BAB0: rgb(195 186 176), hsl(32 14% 73%), oklch(0.793 0.017 70.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Luxe Grey color name →
#C3BAB0
oklch(0.793 0.017 70.5)
Konwersje koloru
- HEX
- #c3bab0
- RGB
- rgb(195 186 176)
- HSL
- hsl(32 14% 73%)
- HWB
- hwb(32 69% 24%)
- OKLCH
- oklch(0.793 0.017 70.5)
- OKLab
- oklab(0.793 0.006 0.016)
- CIE Lab
- lab(76.05 1.99 6.28)
- LCH
- lch(76.05 6.59 72.4)
- CMYK
- cmyk(0% 5% 10% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9C1B8
- CFC7BF
- D5CEC7
- DBD5CF
- E1DCD7
- E7E3DF
- EDEAE7
- F3F1EF
- F9F8F7
Odcienie ciemniejsze
- A9A199
- 908982
- 78726C
- 605C56
- 4A4642
- 34322E
- 201E1C
- 0E0D0B
- 020201
Tony
- BCB4AB
- B5AEA6
- AEA8A1
- A8A29D
- A19D98
- 9A9793
- 94918E
- 8D8B89
- 868685
Harmonie kolorów
Komplementarna +180°
- C3BAB0
Luxe Grey
- B4BDC7
≈ Stainless Steel
Analogowa -30° +30°
- C3BAB0
Luxe Grey
- C6B8B3
≈ Georgian Pink
- BEBCB0
≈ Soft Sage
Triada +120° +240°
- C3BAB0
Luxe Grey
- B0BFBE
≈ Greenwich Village
- BFB9C4
≈ Pocketful of Posies
Komplementarna rozszczepiona +150° +210°
- C3BAB0
Luxe Grey
- B0BEC3
≈ Artisan Blue
- B9BBC7
≈ Silverado Trail
Tetrada +90° +180° +270°
- C3BAB0
Luxe Grey
- B3BFB8
≈ Wet Ash
- B4BDC7
≈ Stainless Steel
- C4B8BF
≈ Lavender Sand
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.97:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--luxe-grey: #c3bab0;
--luxe-grey-rgb: 195 186 176;
--luxe-grey-oklch: oklch(0.793 0.017 70.5);
}
.element {
color: var(--luxe-grey);
background-color: hsl(32 14% 73%);
border-color: oklch(0.793 0.017 70.5);
}Tailwind CSS v4
@theme {
--color-luxe-grey: #c3bab0;
--color-luxe-grey-50: #f8f4f0;
--color-luxe-grey-100: #ebe7e2;
--color-luxe-grey-200: #d9d3cc;
--color-luxe-grey-300: #bdb6ae;
--color-luxe-grey-400: #a59d94;
--color-luxe-grey-500: #8e847a;
--color-luxe-grey-600: #787067;
--color-luxe-grey-700: #605a53;
--color-luxe-grey-800: #46413c;
--color-luxe-grey-900: #312d29;
--color-luxe-grey-950: #1d1a17;
}SCSS
$luxe-grey: #c3bab0;
$luxe-grey-rgb: 195, 186, 176;
$luxe-grey-light: mix(#fff, $luxe-grey, 20%);
$luxe-grey-dark: mix(#000, $luxe-grey, 20%);
.element {
color: $luxe-grey;
box-shadow: 0 0 0 2px rgba($luxe-grey, 0.35);
}