Benannte Farbe · #69045F
Amygdala Purple
Amygdala Purple ist #69045F: rgb(105 4 95), hsl(306 93% 21%), oklch(0.361 0.158 333.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Amygdala Purple color name →
#69045F
oklch(0.361 0.158 333.4)
Farbumrechnungen
- HEX
- #69045f
- RGB
- rgb(105 4 95)
- HSL
- hsl(306 93% 21%)
- HWB
- hwb(306 2% 59%)
- OKLCH
- oklch(0.361 0.158 333.4)
- OKLab
- oklab(0.361 0.141 -0.071)
- CIE Lab
- lab(23.42 46.74 -25.35)
- LCH
- lch(23.42 53.17 331.5)
- CMYK
- cmyk(0% 96% 10% 59%)
Tints · Shades · Tones
Tints
- 79286E
- 89417E
- 98588D
- A86F9D
- B786AD
- C59EBD
- D4B6CD
- E2CEDE
- F1E6EE
Shades
- 5A0352
- 4C0244
- 3E0138
- 31012C
- 240120
- 180015
- 0C000A
- 040003
- 000000
Tones
- 6D1B63
- 702A66
- 73366A
- 76416D
- 784C71
- 7B5774
- 7D6177
- 7E6C7A
- 7F767D
Farbharmonien
Komplementär +180°
- 69045F
Amygdala Purple
- 004B25
≈ Pine Green
Analog -30° +30°
- 69045F
Amygdala Purple
- 501A7F
≈ Occult
- 740035
≈ Merlot
Triadisch +120° +240°
- 69045F
Amygdala Purple
- 4A3C00
≈ Xanthophobia
- 004651
≈ Midnight Green
Geteilt komplementär +150° +210°
- 69045F
Amygdala Purple
- 344400
≈ Garden Shadow
- 004841
≈ Tropical Forest
Tetradisch +90° +180° +270°
- 69045F
Amygdala Purple
- 5B3200
≈ Eyelash Camel
- 004B25
≈ Pine Green
- 004167
≈ Dark Imperial Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.77:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.78:1 · APCA Lc 7
Beste Textfarbe: #FFFFFF
WCAG 11.77:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--amygdala-purple: #69045f;
--amygdala-purple-rgb: 105 4 95;
--amygdala-purple-oklch: oklch(0.361 0.158 333.4);
}
.element {
color: var(--amygdala-purple);
background-color: hsl(306 93% 21%);
border-color: oklch(0.361 0.158 333.4);
}Tailwind CSS v4
@theme {
--color-amygdala-purple: #69045f;
--color-amygdala-purple-50: #ffe5ff;
--color-amygdala-purple-100: #ffd5fd;
--color-amygdala-purple-200: #ffbbef;
--color-amygdala-purple-300: #e998d7;
--color-amygdala-purple-400: #d578c5;
--color-amygdala-purple-500: #c157b2;
--color-amygdala-purple-600: #a34a96;
--color-amygdala-purple-700: #833b78;
--color-amygdala-purple-800: #602a5b;
--color-amygdala-purple-900: #441d3f;
--color-amygdala-purple-950: #2b0c28;
}SCSS
$amygdala-purple: #69045f;
$amygdala-purple-rgb: 105, 4, 95;
$amygdala-purple-light: mix(#fff, $amygdala-purple, 20%);
$amygdala-purple-dark: mix(#000, $amygdala-purple, 20%);
.element {
color: $amygdala-purple;
box-shadow: 0 0 0 2px rgba($amygdala-purple, 0.35);
}