Nächste benannte Farbe · #C315AA
#C315AA
Nächste benannte Farbe: Amora Purple
#C315AA (rgb(195 21 170), hsl(309 81% 42%), oklch(0.564 0.24 335.7)) liegt am nächsten an der benannten Farbe Amora Purple. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C315AA
oklch(0.564 0.24 335.7)
Farbumrechnungen
- HEX
- #c315aa
- RGB
- rgb(195 21 170)
- HSL
- hsl(309 81% 42%)
- HWB
- hwb(309 8% 24%)
- OKLCH
- oklch(0.564 0.24 335.7)
- OKLab
- oklab(0.564 0.219 -0.099)
- CIE Lab
- lab(45.79 71.83 -35.47)
- LCH
- lch(45.79 80.11 333.7)
- CMYK
- cmyk(0% 89% 13% 24%)
Tints · Shades · Tones
Tints
- CC3EB3
- D458BC
- DB6FC4
- E285CD
- E89AD6
- EEAEDE
- F3C3E6
- F8D7EF
- FCEBF7
Shades
- A91193
- 900C7D
- 780868
- 600553
- 4A033F
- 34022D
- 20011B
- 0E000B
- 020001
Tones
- BE2EA6
- B83EA2
- B34A9E
- AD549A
- A65D96
- A06592
- 996D8E
- 917489
- 897A85
Farbharmonien
Komplementär +180°
- C315AA
Amora Purple
- 008D51
≈ Iceland Green
Analog -30° +30°
- C315AA
Amora Purple
- 9939E2
≈ Chaste Blossoms
- D70062
≈ Tête-à-Tête
Triadisch +120° +240°
- C315AA
Amora Purple
- 8A7400
≈ Vermin Brown
- 00849B
≈ Zircon Blue
Geteilt komplementär +150° +210°
- C315AA
Amora Purple
- 618300
≈ Enchanted Forest
- 00887E
≈ Eyeshadow Turquoise
Tetradisch +90° +180° +270°
- C315AA
Amora Purple
- A76400
≈ Butter Fudge
- 008D51
≈ Iceland Green
- 007BC4
≈ Star of Life
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.00:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--amora-purple: #c315aa;
--amora-purple-rgb: 195 21 170;
--amora-purple-oklch: oklch(0.564 0.24 335.7);
}
.element {
color: var(--amora-purple);
background-color: hsl(309 81% 42%);
border-color: oklch(0.564 0.24 335.7);
}Tailwind CSS v4
@theme {
--color-amora-purple: #c315aa;
--color-amora-purple-50: #ffdbff;
--color-amora-purple-100: #ffc9ff;
--color-amora-purple-200: #ffaaf8;
--color-amora-purple-300: #ff81e2;
--color-amora-purple-400: #ef58d4;
--color-amora-purple-500: #dd19c1;
--color-amora-purple-600: #bb1ca3;
--color-amora-purple-700: #961783;
--color-amora-purple-800: #6f0f64;
--color-amora-purple-900: #4e0a46;
--color-amora-purple-950: #33002e;
}SCSS
$amora-purple: #c315aa;
$amora-purple-rgb: 195, 21, 170;
$amora-purple-light: mix(#fff, $amora-purple, 20%);
$amora-purple-dark: mix(#000, $amora-purple, 20%);
.element {
color: $amora-purple;
box-shadow: 0 0 0 2px rgba($amora-purple, 0.35);
}