Benannte Farbe · #AA6179
Daah-Ling
Daah-Ling ist #AA6179: rgb(170 97 121), hsl(340 30% 52%), oklch(0.582 0.099 359.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Daah-Ling color name →
#AA6179
oklch(0.582 0.099 359.5)
Farbumrechnungen
- HEX
- #aa6179
- RGB
- rgb(170 97 121)
- HSL
- hsl(340 30% 52%)
- HWB
- hwb(340 38% 33%)
- OKLCH
- oklch(0.582 0.099 359.5)
- OKLab
- oklab(0.582 0.099 -0.001)
- CIE Lab
- lab(50.3 32.48 0.08)
- LCH
- lch(50.3 32.48 0.1)
- CMYK
- cmyk(0% 43% 29% 33%)
Tints · Shades · Tones
Tints
- B37086
- BC8092
- C58F9F
- CE9FAC
- D7AEBA
- DFBEC7
- E7CED5
- EFDEE3
- F7EFF1
Shades
- 935368
- 7D4658
- 683948
- 532D39
- 3F212B
- 2D151D
- 1B0B10
- 0B0305
- 010001
Tones
- A6657A
- A3687A
- 9F6B7B
- 9B6F7C
- 97727C
- 93757D
- 8E787E
- 8A7A7F
- 857D7F
Farbharmonien
Komplementär +180°
- AA6179
Daah-Ling
- 1E8E7D
≈ Philips Green
Analog -30° +30°
- AA6179
Daah-Ling
- 9B6597
≈ Tulipan Violet
- AE6358
≈ Preserved Petals
Triadisch +120° +240°
- AA6179
Daah-Ling
- 74833C
≈ Laird
- 3C82AF
≈ Blue Splash
Geteilt komplementär +150° +210°
- AA6179
Daah-Ling
- 4D8B5B
≈ Middle Green
- 0C8A9B
≈ Atlantic Blue
Tetradisch +90° +180° +270°
- AA6179
Daah-Ling
- 92782C
≈ Fernweh
- 1E8E7D
≈ Philips Green
- 6478B6
≈ Ultramarine Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.47:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.69:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.69:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--daah-ling: #aa6179;
--daah-ling-rgb: 170 97 121;
--daah-ling-oklch: oklch(0.582 0.099 359.5);
}
.element {
color: var(--daah-ling);
background-color: hsl(340 30% 52%);
border-color: oklch(0.582 0.099 359.5);
}Tailwind CSS v4
@theme {
--color-daah-ling: #aa6179;
--color-daah-ling-50: #ffeaf3;
--color-daah-ling-100: #ffdbe5;
--color-daah-ling-200: #f9c3d1;
--color-daah-ling-300: #e3a3b4;
--color-daah-ling-400: #cf869c;
--color-daah-ling-500: #ba6984;
--color-daah-ling-600: #9e5970;
--color-daah-ling-700: #7e4759;
--color-daah-ling-800: #5d3342;
--color-daah-ling-900: #41232e;
--color-daah-ling-950: #2a121b;
}SCSS
$daah-ling: #aa6179;
$daah-ling-rgb: 170, 97, 121;
$daah-ling-light: mix(#fff, $daah-ling, 20%);
$daah-ling-dark: mix(#000, $daah-ling, 20%);
.element {
color: $daah-ling;
box-shadow: 0 0 0 2px rgba($daah-ling, 0.35);
}