Benannte Farbe · #A95C68
Delicate Prunus
Delicate Prunus ist #A95C68: rgb(169 92 104), hsl(351 31% 51%), oklch(0.568 0.101 10.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Delicate Prunus color name →
#A95C68
oklch(0.568 0.101 10.9)
Farbumrechnungen
- HEX
- #a95c68
- RGB
- rgb(169 92 104)
- HSL
- hsl(351 31% 51%)
- HWB
- hwb(351 36% 34%)
- OKLCH
- oklch(0.568 0.101 10.9)
- OKLab
- oklab(0.568 0.099 0.019)
- CIE Lab
- lab(48.68 33.07 7.9)
- LCH
- lch(48.68 34 13.4)
- CMYK
- cmyk(0% 46% 38% 34%)
Tints · Shades · Tones
Tints
- B36C76
- BC7C84
- C58C93
- CE9CA2
- D7ACB1
- DFBCC0
- E7CDCF
- EFDDDF
- F7EEEF
Shades
- 924F59
- 7C424B
- 67363E
- 532A30
- 3F1F24
- 2C1418
- 1B0A0C
- 0A0304
- 010000
Tones
- A6606A
- A2646D
- 9E686F
- 9B6C72
- 976F74
- 937376
- 8E7679
- 8A7A7B
- 857D7E
Farbharmonien
Komplementär +180°
- A95C68
Delicate Prunus
- 008984
≈ Navigate
Analog -30° +30°
- A95C68
Delicate Prunus
- 9E5E88
≈ Thimble Red
- A86147
≈ Borneo
Triadisch +120° +240°
- A95C68
Delicate Prunus
- 628341
≈ Swamp Moss
- 467AB0
≈ Sleep
Geteilt komplementär +150° +210°
- A95C68
Delicate Prunus
- 358963
≈ Exquisite Emerald
- 0F84A0
≈ Blue Arc
Tetradisch +90° +180° +270°
- A95C68
Delicate Prunus
- 847827
≈ Faience Green
- 008984
≈ Navigate
- 6C6FB1
≈ Mediaeval
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.75:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.41:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--delicate-prunus: #a95c68;
--delicate-prunus-rgb: 169 92 104;
--delicate-prunus-oklch: oklch(0.568 0.101 10.9);
}
.element {
color: var(--delicate-prunus);
background-color: hsl(351 31% 51%);
border-color: oklch(0.568 0.101 10.9);
}Tailwind CSS v4
@theme {
--color-delicate-prunus: #a95c68;
--color-delicate-prunus-50: #ffeaed;
--color-delicate-prunus-100: #ffdbde;
--color-delicate-prunus-200: #fcc3c8;
--color-delicate-prunus-300: #e6a2a9;
--color-delicate-prunus-400: #d28590;
--color-delicate-prunus-500: #bf6876;
--color-delicate-prunus-600: #a15964;
--color-delicate-prunus-700: #814750;
--color-delicate-prunus-800: #60333b;
--color-delicate-prunus-900: #432328;
--color-delicate-prunus-950: #2b1116;
}SCSS
$delicate-prunus: #a95c68;
$delicate-prunus-rgb: 169, 92, 104;
$delicate-prunus-light: mix(#fff, $delicate-prunus, 20%);
$delicate-prunus-dark: mix(#000, $delicate-prunus, 20%);
.element {
color: $delicate-prunus;
box-shadow: 0 0 0 2px rgba($delicate-prunus, 0.35);
}