Dichtstbijzijnde benoemde kleur · #C32B84
#C32B84
Dichtstbijzijnde benoemde kleur: Very Berry
#C32B84 (rgb(195 43 132), hsl(325 64% 47%), oklch(0.558 0.203 350.1)) komt het dichtst bij de benoemde kleur Very Berry. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C32B84
oklch(0.558 0.203 350.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- CC4790
- D45E9C
- DB74A8
- E288B4
- E99CC0
- EFB0CC
- F4C4D9
- F8D7E5
- FCEBF2
Schaduwen
- A92472
- 901D60
- 78164F
- 60103F
- 4A0A2F
- 340520
- 200212
- 0E0106
- 020001
Tonen
- BE3A84
- B84583
- B34F83
- AD5883
- A76082
- A06782
- 996E81
- 917481
- 897A81
Kleurharmonieën
Complementair +180°
- C32B84
Very Berry
- 00886A
≈ Celtic Queen
Analoog -30° +30°
- C32B84
Very Berry
- A53EBB
≈ Akebi Purple
- D0263E
≈ Sovereign Red
Triadisch +120° +240°
- C32B84
Very Berry
- 797900
≈ Mongolian Plateau
- 007FA8
≈ Oh so Vo
Gesplitst complementair +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
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.25:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 3.99:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
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);
}