Nazwany kolor · #B7A5AD
Foggy Plum
Foggy Plum to #B7A5AD: rgb(183 165 173), hsl(333 11% 68%), oklch(0.74 0.024 349). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Foggy Plum color name →
#B7A5AD
oklch(0.74 0.024 349)
Konwersje koloru
- HEX
- #b7a5ad
- RGB
- rgb(183 165 173)
- HSL
- hsl(333 11% 68%)
- HWB
- hwb(333 65% 28%)
- OKLCH
- oklch(0.74 0.024 349)
- OKLab
- oklab(0.74 0.023 -0.005)
- CIE Lab
- lab(69.5 7.81 -1.64)
- LCH
- lch(69.5 7.98 348.2)
- CMYK
- cmyk(0% 10% 5% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEAEB5
- C5B6BD
- CCBFC5
- D3C8CD
- DBD1D5
- E2DADD
- E9E3E6
- F0ECEE
- F8F6F7
Odcienie ciemniejsze
- 9F8F96
- 87797F
- 70656A
- 5A5155
- 453D41
- 312B2D
- 1E1A1B
- 0C0A0B
- 020101
Tony
- B1A1A8
- AC9DA4
- A69A9F
- A1969B
- 9B9296
- 968F92
- 908B8D
- 8B8789
- 858484
Harmonie kolorów
Komplementarna +180°
- B7A5AD
Foggy Plum
- 9DB0A8
≈ Grey Morning
Analogowa -30° +30°
- B7A5AD
Foggy Plum
- B1A6B4
≈ Plum Frost
- B9A5A5
≈ Tourmaline Mauve
Triada +120° +240°
- B7A5AD
Foggy Plum
- ABAC9B
≈ Meditation
- 9CAEB7
≈ Shower
Komplementarna rozszczepiona +150° +210°
- B7A5AD
Foggy Plum
- A3AFA0
≈ Grass Sands
- 9AB0B0
≈ Stormy Bay
Tetrada +90° +180° +270°
- B7A5AD
Foggy Plum
- B3A99B
≈ Nantucket Sands
- 9DB0A8
≈ Grey Morning
- A2ABBA
≈ Atelier
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.33:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.99:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--foggy-plum: #b7a5ad;
--foggy-plum-rgb: 183 165 173;
--foggy-plum-oklch: oklch(0.74 0.024 349);
}
.element {
color: var(--foggy-plum);
background-color: hsl(333 11% 68%);
border-color: oklch(0.74 0.024 349);
}Tailwind CSS v4
@theme {
--color-foggy-plum: #b7a5ad;
--color-foggy-plum-50: #fbf2f6;
--color-foggy-plum-100: #efe5e9;
--color-foggy-plum-200: #ddd0d5;
--color-foggy-plum-300: #c2b3b9;
--color-foggy-plum-400: #aa99a1;
--color-foggy-plum-500: #938089;
--color-foggy-plum-600: #7c6c74;
--color-foggy-plum-700: #63575c;
--color-foggy-plum-800: #493f44;
--color-foggy-plum-900: #332b2f;
--color-foggy-plum-950: #1e191b;
}SCSS
$foggy-plum: #b7a5ad;
$foggy-plum-rgb: 183, 165, 173;
$foggy-plum-light: mix(#fff, $foggy-plum, 20%);
$foggy-plum-dark: mix(#000, $foggy-plum, 20%);
.element {
color: $foggy-plum;
box-shadow: 0 0 0 2px rgba($foggy-plum, 0.35);
}