Nächste benannte Farbe · #C29BAC
#C29BAC
Nächste benannte Farbe: Classy Mauve
#C29BAC (rgb(194 155 172), hsl(334 24% 68%), oklch(0.73 0.052 350.5)) liegt am nächsten an der benannten Farbe Classy Mauve. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C29BAC
oklch(0.73 0.052 350.5)
Farbumrechnungen
- HEX
- #c29bac
- RGB
- rgb(194 155 172)
- HSL
- hsl(334 24% 68%)
- HWB
- hwb(334 61% 24%)
- OKLCH
- oklch(0.73 0.052 350.5)
- OKLab
- oklab(0.73 0.051 -0.009)
- CIE Lab
- lab(68.02 17 -3.07)
- LCH
- lch(68.02 17.28 349.8)
- CMYK
- cmyk(0% 20% 11% 24%)
Tints · Shades · Tones
Tints
- C8A5B4
- CEAEBC
- D5B8C4
- DBC2CC
- E1CCD5
- E7D6DD
- EDE0E5
- F3EAEE
- F9F5F6
Shades
- A88695
- 8F727F
- 775E69
- 604B54
- 493940
- 34282D
- 20181B
- 0E090B
- 020101
Tones
- BB98A8
- B596A3
- AE939F
- A7909A
- A18E96
- 9A8B91
- 94888D
- 8D8589
- 878384
Farbharmonien
Komplementär +180°
- C29BAC
Classy Mauve
- 88B3A3
≈ Le Max
Analog -30° +30°
- C29BAC
Classy Mauve
- B79EBC
≈ Tuileries Tint
- C69B9A
≈ Pepperberry
Triadisch +120° +240°
- C29BAC
Classy Mauve
- A9AB86
≈ Meditation Time
- 87AEC2
≈ Chilly Blue
Geteilt komplementär +150° +210°
- C29BAC
Classy Mauve
- 97B092
≈ Nurture Green
- 81B2B5
≈ Cold Front Green
Tetradisch +90° +180° +270°
- C29BAC
Classy Mauve
- B9A583
≈ Country Cork
- 88B3A3
≈ Le Max
- 95A9C9
≈ Finesse
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.44:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.57:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--classy-mauve: #c29bac;
--classy-mauve-rgb: 194 155 172;
--classy-mauve-oklch: oklch(0.73 0.052 350.5);
}
.element {
color: var(--classy-mauve);
background-color: hsl(334 24% 68%);
border-color: oklch(0.73 0.052 350.5);
}Tailwind CSS v4
@theme {
--color-classy-mauve: #c29bac;
--color-classy-mauve-50: #ffeff6;
--color-classy-mauve-100: #f7e1e9;
--color-classy-mauve-200: #e7ccd6;
--color-classy-mauve-300: #cdadba;
--color-classy-mauve-400: #b792a2;
--color-classy-mauve-500: #a1788b;
--color-classy-mauve-600: #886675;
--color-classy-mauve-700: #6d525e;
--color-classy-mauve-800: #503b45;
--color-classy-mauve-900: #382930;
--color-classy-mauve-950: #22161c;
}SCSS
$classy-mauve: #c29bac;
$classy-mauve-rgb: 194, 155, 172;
$classy-mauve-light: mix(#fff, $classy-mauve, 20%);
$classy-mauve-dark: mix(#000, $classy-mauve, 20%);
.element {
color: $classy-mauve;
box-shadow: 0 0 0 2px rgba($classy-mauve, 0.35);
}