Benannte Farbe · #AEACAD
Classy
Classy ist #AEACAD: rgb(174 172 173), hsl(330 1% 68%), oklch(0.746 0.003 345.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Classy color name →
#AEACAD
oklch(0.746 0.003 345.2)
Farbumrechnungen
- HEX
- #aeacad
- RGB
- rgb(174 172 173)
- HSL
- hsl(330 1% 68%)
- HWB
- hwb(330 67% 32%)
- OKLCH
- oklch(0.746 0.003 345.2)
- OKLab
- oklab(0.746 0.003 -0.001)
- CIE Lab
- lab(70.54 0.88 -0.25)
- LCH
- lch(70.54 0.91 344)
- CMYK
- cmyk(0% 1% 1% 32%)
Tints · Shades · Tones
Tints
- B6B4B5
- BEBCBD
- C6C4C5
- CECCCD
- D6D5D5
- DEDDDD
- E6E5E6
- EEEEEE
- F7F6F7
Shades
- 979596
- 807F7F
- 6A696A
- 555455
- 414041
- 2E2D2D
- 1C1B1B
- 0B0B0B
- 010101
Tones
- A9A7A8
- A5A3A4
- A09F9F
- 9B9A9B
- 979696
- 929192
- 8E8D8D
- 898989
- 848484
Farbharmonien
Komplementär +180°
- AEACAD
Classy
- ABADAC
≈ Flagstone
Analog -30° +30°
- AEACAD
Classy
- ADACAE
≈ Classy
- AEACAC
≈ Duct Tape Grey
Triadisch +120° +240°
- AEACAD
Classy
- ADADAB
≈ Robo Master
- ABADAE
≈ Flagstone
Geteilt komplementär +150° +210°
- AEACAD
Classy
- ACADAB
≈ Flagstone
- ABADAD
≈ Flagstone
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.25:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.30:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--classy: #aeacad;
--classy-rgb: 174 172 173;
--classy-oklch: oklch(0.746 0.003 345.2);
}
.element {
color: var(--classy);
background-color: hsl(330 1% 68%);
border-color: oklch(0.746 0.003 345.2);
}Tailwind CSS v4
@theme {
--color-classy: #aeacad;
--color-classy-50: #f6f5f5;
--color-classy-100: #e8e7e8;
--color-classy-200: #d5d4d4;
--color-classy-300: #b8b7b7;
--color-classy-400: #a09e9f;
--color-classy-500: #878586;
--color-classy-600: #737172;
--color-classy-700: #5c5a5b;
--color-classy-800: #434242;
--color-classy-900: #2e2d2e;
--color-classy-950: #1b1a1b;
}SCSS
$classy: #aeacad;
$classy-rgb: 174, 172, 173;
$classy-light: mix(#fff, $classy, 20%);
$classy-dark: mix(#000, $classy, 20%);
.element {
color: $classy;
box-shadow: 0 0 0 2px rgba($classy, 0.35);
}