Nazwany kolor · #ACA49A
Warm Grey Flannel
Warm Grey Flannel to #ACA49A: rgb(172 164 154), hsl(33 10% 64%), oklch(0.723 0.017 73.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Warm Grey Flannel color name →
#ACA49A
oklch(0.723 0.017 73.6)
Konwersje koloru
- HEX
- #aca49a
- RGB
- rgb(172 164 154)
- HSL
- hsl(33 10% 64%)
- HWB
- hwb(33 60% 33%)
- OKLCH
- oklch(0.723 0.017 73.6)
- OKLab
- oklab(0.723 0.005 0.016)
- CIE Lab
- lab(67.84 1.67 6.29)
- LCH
- lch(67.84 6.51 75.1)
- CMYK
- cmyk(0% 5% 10% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4ADA4
- BCB6AD
- C4BFB7
- CCC8C1
- D5D1CB
- DDDAD6
- E5E3E0
- EEECEA
- F6F6F5
Odcienie ciemniejsze
- 958E85
- 7F7971
- 69645E
- 54504B
- 403D39
- 2D2B27
- 1B1A17
- 0B0A09
- 010101
Tony
- A8A097
- A39D95
- 9F9992
- 9A9590
- 96928D
- 918E8A
- 8D8B88
- 898785
- 848483
Harmonie kolorów
Komplementarna +180°
- ACA49A
Warm Grey Flannel
- 9EA6B0
≈ Great Falls
Analogowa -30° +30°
- ACA49A
Warm Grey Flannel
- AFA29D
≈ Flexible Grey
- A7A69A
≈ Historical Grey
Triada +120° +240°
- ACA49A
Warm Grey Flannel
- 9AA9A8
≈ Oily Steel
- A9A2AD
≈ Luxe Lilac
Komplementarna rozszczepiona +150° +210°
- ACA49A
Warm Grey Flannel
- 9BA8AD
≈ Seryi Grey
- A4A4B0
≈ Pandemonium
Tetrada +90° +180° +270°
- ACA49A
Warm Grey Flannel
- 9CA9A2
≈ Halcyon Green
- 9EA6B0
≈ Great Falls
- AEA1A8
≈ Beijing Moon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.46:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.53:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--warm-grey-flannel: #aca49a;
--warm-grey-flannel-rgb: 172 164 154;
--warm-grey-flannel-oklch: oklch(0.723 0.017 73.6);
}
.element {
color: var(--warm-grey-flannel);
background-color: hsl(33 10% 64%);
border-color: oklch(0.723 0.017 73.6);
}Tailwind CSS v4
@theme {
--color-warm-grey-flannel: #aca49a;
--color-warm-grey-flannel-50: #f8f4f0;
--color-warm-grey-flannel-100: #ebe7e2;
--color-warm-grey-flannel-200: #d8d3cc;
--color-warm-grey-flannel-300: #bdb6ae;
--color-warm-grey-flannel-400: #a59d94;
--color-warm-grey-flannel-500: #8d857a;
--color-warm-grey-flannel-600: #777067;
--color-warm-grey-flannel-700: #605a53;
--color-warm-grey-flannel-800: #46413c;
--color-warm-grey-flannel-900: #312d29;
--color-warm-grey-flannel-950: #1d1a17;
}SCSS
$warm-grey-flannel: #aca49a;
$warm-grey-flannel-rgb: 172, 164, 154;
$warm-grey-flannel-light: mix(#fff, $warm-grey-flannel, 20%);
$warm-grey-flannel-dark: mix(#000, $warm-grey-flannel, 20%);
.element {
color: $warm-grey-flannel;
box-shadow: 0 0 0 2px rgba($warm-grey-flannel, 0.35);
}