Nazwany kolor · #AEACAC
Duct Tape Grey
Duct Tape Grey to #AEACAC: rgb(174 172 172), hsl(0 1% 68%), oklch(0.746 0.002 17.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Duct Tape Grey color name →
#AEACAC
oklch(0.746 0.002 17.2)
Konwersje koloru
- HEX
- #aeacac
- RGB
- rgb(174 172 172)
- HSL
- hsl(0 1% 68%)
- HWB
- hwb(0 67% 32%)
- OKLCH
- oklch(0.746 0.002 17.2)
- OKLab
- oklab(0.746 0.002 0.001)
- CIE Lab
- lab(70.52 0.74 0.26)
- LCH
- lch(70.52 0.78 19.8)
- CMYK
- cmyk(0% 1% 1% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6B4B4
- BEBCBC
- C6C4C4
- CECCCC
- D6D5D5
- DEDDDD
- E6E5E5
- EEEEEE
- F7F6F6
Odcienie ciemniejsze
- 979595
- 807F7F
- 6A6969
- 555454
- 414040
- 2E2D2D
- 1C1B1B
- 0B0B0B
- 010101
Tony
- A9A7A7
- A5A3A3
- A09F9F
- 9B9A9A
- 979696
- 929191
- 8E8D8D
- 898989
- 848484
Harmonie kolorów
Komplementarna +180°
- AEACAC
Duct Tape Grey
- ABADAD
≈ Flagstone
Analogowa -30° +30°
- AEACAC
Duct Tape Grey
- AEACAD
≈ Classy
- AEACAB
≈ Duct Tape Grey
Triada +120° +240°
- AEACAC
Duct Tape Grey
- ACADAC
≈ Flagstone
- ACADAE
≈ Flagstone
Komplementarna rozszczepiona +150° +210°
- AEACAC
Duct Tape Grey
- ABADAC
≈ Flagstone
- ABADAE
≈ Flagstone
Tetrada +90° +180° +270°
- AEACAC
Duct Tape Grey
- ADADAB
≈ Robo Master
- ABADAD
≈ Flagstone
- ACACAE
≈ Classy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.29:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--duct-tape-grey: #aeacac;
--duct-tape-grey-rgb: 174 172 172;
--duct-tape-grey-oklch: oklch(0.746 0.002 17.2);
}
.element {
color: var(--duct-tape-grey);
background-color: hsl(0 1% 68%);
border-color: oklch(0.746 0.002 17.2);
}Tailwind CSS v4
@theme {
--color-duct-tape-grey: #aeacac;
--color-duct-tape-grey-50: #f6f5f5;
--color-duct-tape-grey-100: #e8e7e7;
--color-duct-tape-grey-200: #d5d4d4;
--color-duct-tape-grey-300: #b8b7b7;
--color-duct-tape-grey-400: #a09e9e;
--color-duct-tape-grey-500: #888585;
--color-duct-tape-grey-600: #737171;
--color-duct-tape-grey-700: #5c5a5a;
--color-duct-tape-grey-800: #434242;
--color-duct-tape-grey-900: #2e2d2e;
--color-duct-tape-grey-950: #1b1a1a;
}SCSS
$duct-tape-grey: #aeacac;
$duct-tape-grey-rgb: 174, 172, 172;
$duct-tape-grey-light: mix(#fff, $duct-tape-grey, 20%);
$duct-tape-grey-dark: mix(#000, $duct-tape-grey, 20%);
.element {
color: $duct-tape-grey;
box-shadow: 0 0 0 2px rgba($duct-tape-grey, 0.35);
}