Nächste benannte Farbe · #C32B84
#C32B84
Nächste benannte Farbe: Very Berry
#C32B84 (rgb(195 43 132), hsl(325 64% 47%), oklch(0.558 0.203 350.1)) liegt am nächsten an der benannten Farbe Very Berry. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C32B84
oklch(0.558 0.203 350.1)
Farbumrechnungen
- HEX
- #c32b84
- RGB
- rgb(195 43 132)
- HSL
- hsl(325 64% 47%)
- HWB
- hwb(325 17% 24%)
- OKLCH
- oklch(0.558 0.203 350.1)
- OKLab
- oklab(0.558 0.2 -0.035)
- CIE Lab
- lab(46.01 63.95 -12.3)
- LCH
- lch(46.01 65.12 349.1)
- CMYK
- cmyk(0% 78% 32% 24%)
Tints · Shades · Tones
Tints
- CC4790
- D45E9C
- DB74A8
- E288B4
- E99CC0
- EFB0CC
- F4C4D9
- F8D7E5
- FCEBF2
Shades
- A92472
- 901D60
- 78164F
- 60103F
- 4A0A2F
- 340520
- 200212
- 0E0106
- 020001
Tones
- BE3A84
- B84583
- B34F83
- AD5883
- A76082
- A06782
- 996E81
- 917481
- 897A81
Farbharmonien
Komplementär +180°
- C32B84
Very Berry
- 00886A
≈ Celtic Queen
Analog -30° +30°
- C32B84
Very Berry
- A53EBB
≈ Akebi Purple
- D0263E
≈ Sovereign Red
Triadisch +120° +240°
- C32B84
Very Berry
- 797900
≈ Mongolian Plateau
- 007FA8
≈ Oh so Vo
Geteilt komplementär +150° +210°
- C32B84
Very Berry
- 278B00
≈ Diamine Green
- 00848A
≈ Tucson Teal
Tetradisch +90° +180° +270°
- C32B84
Very Berry
- 976B00
≈ Balor Brown
- 00886A
≈ Celtic Queen
- 1E6BE8
≈ Níu Zǎi Sè Denim
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.25:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 3.99:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--very-berry: #c32b84;
--very-berry-rgb: 195 43 132;
--very-berry-oklch: oklch(0.558 0.203 350.1);
}
.element {
color: var(--very-berry);
background-color: hsl(325 64% 47%);
border-color: oklch(0.558 0.203 350.1);
}Tailwind CSS v4
@theme {
--color-very-berry: #c32b84;
--color-very-berry-50: #ffdefb;
--color-very-berry-100: #ffccef;
--color-very-berry-200: #ffafdd;
--color-very-berry-300: #ff88c2;
--color-very-berry-400: #f262af;
--color-very-berry-500: #e03598;
--color-very-berry-600: #bd2f81;
--color-very-berry-700: #982667;
--color-very-berry-800: #711a4e;
--color-very-berry-900: #4f1136;
--color-very-berry-950: #340321;
}SCSS
$very-berry: #c32b84;
$very-berry-rgb: 195, 43, 132;
$very-berry-light: mix(#fff, $very-berry, 20%);
$very-berry-dark: mix(#000, $very-berry, 20%);
.element {
color: $very-berry;
box-shadow: 0 0 0 2px rgba($very-berry, 0.35);
}