Benannte Farbe · #ACA79E
Dorian Grey
Dorian Grey ist #ACA79E: rgb(172 167 158), hsl(39 8% 65%), oklch(0.73 0.014 82.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dorian Grey color name →
#ACA79E
oklch(0.73 0.014 82.4)
Farbumrechnungen
- HEX
- #aca79e
- RGB
- rgb(172 167 158)
- HSL
- hsl(39 8% 65%)
- HWB
- hwb(39 62% 33%)
- OKLCH
- oklch(0.73 0.014 82.4)
- OKLab
- oklab(0.73 0.002 0.014)
- CIE Lab
- lab(68.72 0.65 5.34)
- LCH
- lch(68.72 5.38 83)
- CMYK
- cmyk(0% 3% 8% 33%)
Tints · Shades · Tones
Tints
- B4AFA7
- BCB8B1
- C4C1BA
- CCC9C4
- D5D2CD
- DDDBD7
- E5E4E1
- EEEDEB
- F6F6F5
Shades
- 959189
- 7F7B74
- 696660
- 54524D
- 403E3A
- 2D2C29
- 1B1A18
- 0B0A09
- 010101
Tones
- A7A39B
- A39F98
- 9F9B95
- 9A9792
- 96938F
- 918F8C
- 8D8C89
- 898886
- 848483
Farbharmonien
Komplementär +180°
- ACA79E
Dorian Grey
- A3A8B1
≈ Mischka
Analog -30° +30°
- ACA79E
Dorian Grey
- AFA5A0
≈ Maculata Bark
- A7A99F
≈ Old Celadon
Triadisch +120° +240°
- ACA79E
Dorian Grey
- 9EAAAB
≈ Citadel Blue
- ACA5AD
≈ Beguiling Mauve
Geteilt komplementär +150° +210°
- ACA79E
Dorian Grey
- 9FA9AF
≈ Seryi Grey
- A8A6B0
≈ Palace Walls
Tetradisch +90° +180° +270°
- ACA79E
Dorian Grey
- 9FABA7
≈ Feldspar Silver
- A3A8B1
≈ Mischka
- AFA4A8
≈ Quest Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.39:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.77:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--dorian-grey: #aca79e;
--dorian-grey-rgb: 172 167 158;
--dorian-grey-oklch: oklch(0.73 0.014 82.4);
}
.element {
color: var(--dorian-grey);
background-color: hsl(39 8% 65%);
border-color: oklch(0.73 0.014 82.4);
}Tailwind CSS v4
@theme {
--color-dorian-grey: #aca79e;
--color-dorian-grey-50: #f7f5f1;
--color-dorian-grey-100: #eae7e3;
--color-dorian-grey-200: #d7d4ce;
--color-dorian-grey-300: #bbb7af;
--color-dorian-grey-400: #a29e95;
--color-dorian-grey-500: #8b857c;
--color-dorian-grey-600: #757169;
--color-dorian-grey-700: #5e5a54;
--color-dorian-grey-800: #45423d;
--color-dorian-grey-900: #302d2a;
--color-dorian-grey-950: #1c1a18;
}SCSS
$dorian-grey: #aca79e;
$dorian-grey-rgb: 172, 167, 158;
$dorian-grey-light: mix(#fff, $dorian-grey, 20%);
$dorian-grey-dark: mix(#000, $dorian-grey, 20%);
.element {
color: $dorian-grey;
box-shadow: 0 0 0 2px rgba($dorian-grey, 0.35);
}