Benannte Farbe · #C4A8CF
Feminine Fancy
Feminine Fancy ist #C4A8CF: rgb(196 168 207), hsl(283 29% 74%), oklch(0.769 0.063 316.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Feminine Fancy color name →
#C4A8CF
oklch(0.769 0.063 316.4)
Farbumrechnungen
- HEX
- #c4a8cf
- RGB
- rgb(196 168 207)
- HSL
- hsl(283 29% 74%)
- HWB
- hwb(283 66% 19%)
- OKLCH
- oklch(0.769 0.063 316.4)
- OKLab
- oklab(0.769 0.045 -0.043)
- CIE Lab
- lab(72.32 15.8 -15.98)
- LCH
- lch(72.32 22.47 314.7)
- CMYK
- cmyk(5% 19% 0% 19%)
Tints · Shades · Tones
Tints
- CAB1D4
- D0B9D9
- D6C2DD
- DBCAE2
- E1D3E7
- E7DCEC
- EDE4F1
- F3EDF5
- F9F6FA
Shades
- AA92B4
- 917C99
- 78677F
- 615267
- 4A3F4F
- 352C38
- 211A23
- 0E0A10
- 020102
Tones
- BDA4C7
- B6A0BF
- AF9CB7
- A898AF
- A194A7
- 9B909F
- 948C97
- 8D888F
- 878488
Farbharmonien
Komplementär +180°
- C4A8CF
Feminine Fancy
- A2BE96
≈ Spring Sprig
Analog -30° +30°
- C4A8CF
Feminine Fancy
- B0AEDB
≈ Purple Hibiscus
- D2A4BC
≈ Enhance
Triadisch +120° +240°
- C4A8CF
Feminine Fancy
- CBAF87
≈ Harvest Home
- 84C1C1
≈ Celestine
Geteilt komplementär +150° +210°
- C4A8CF
Feminine Fancy
- B8B789
≈ Secret Glade
- 8EC1AB
≈ Spearmint Frosting
Tetradisch +90° +180° +270°
- C4A8CF
Feminine Fancy
- D6A892
≈ North Rim
- A2BE96
≈ Spring Sprig
- 89BDD3
≈ Juvie
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.84:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--feminine-fancy: #c4a8cf;
--feminine-fancy-rgb: 196 168 207;
--feminine-fancy-oklch: oklch(0.769 0.063 316.4);
}
.element {
color: var(--feminine-fancy);
background-color: hsl(283 29% 74%);
border-color: oklch(0.769 0.063 316.4);
}Tailwind CSS v4
@theme {
--color-feminine-fancy: #c4a8cf;
--color-feminine-fancy-50: #fdf0ff;
--color-feminine-fancy-100: #f1e2f6;
--color-feminine-fancy-200: #e0cce6;
--color-feminine-fancy-300: #c5aecc;
--color-feminine-fancy-400: #ad93b8;
--color-feminine-fancy-500: #977aa2;
--color-feminine-fancy-600: #806789;
--color-feminine-fancy-700: #66526e;
--color-feminine-fancy-800: #4a3c52;
--color-feminine-fancy-900: #342939;
--color-feminine-fancy-950: #1f1723;
}SCSS
$feminine-fancy: #c4a8cf;
$feminine-fancy-rgb: 196, 168, 207;
$feminine-fancy-light: mix(#fff, $feminine-fancy, 20%);
$feminine-fancy-dark: mix(#000, $feminine-fancy, 20%);
.element {
color: $feminine-fancy;
box-shadow: 0 0 0 2px rgba($feminine-fancy, 0.35);
}