Named color · #C71581
Bramble Jam
Bramble Jam is #C71581: rgb(199 21 129), hsl(324 81% 43%), oklch(0.552 0.22 351.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Bramble Jam color name →
#C71581
oklch(0.552 0.22 351.2)
Color conversions
- HEX
- #c71581
- RGB
- rgb(199 21 129)
- HSL
- hsl(324 81% 43%)
- HWB
- hwb(324 8% 22%)
- OKLCH
- oklch(0.552 0.22 351.2)
- OKLab
- oklab(0.552 0.217 -0.034)
- CIE Lab
- lab(45.05 69.27 -11.81)
- LCH
- lch(45.05 70.27 350.3)
- CMYK
- cmyk(0% 89% 35% 22%)
Tints · Shades · Tones
Tints
- D03C8D
- D85799
- DF6EA5
- E684B2
- EC99BE
- F1ADCB
- F6C2D8
- FAD6E5
- FDEBF2
Shades
- AD116F
- 930C5E
- 7A084E
- 62053E
- 4C032E
- 36021F
- 210112
- 0E0006
- 020001
Tones
- C22D81
- BC3D81
- B64981
- B05381
- A95C81
- A26481
- 9B6C81
- 937380
- 8A7A80
Color harmonies
Complementary +180°
- C71581
Bramble Jam
- 00866A
≈ Celtic Queen
Analogous -30° +30°
- C71581
Bramble Jam
- A832BD
≈ Magentleman
- D40633
≈ Carmine
Triadic +120° +240°
- C71581
Bramble Jam
- 757800
≈ Mongolian Plateau
- 007DA7
≈ Celadon Blue
Split-complementary +150° +210°
- C71581
Bramble Jam
- 1B8A00
≈ Green Bell Pepper
- 008289
≈ Precious Blue
Tetradic +90° +180° +270°
- C71581
Bramble Jam
- 946A00
≈ Gamboge Brown
- 00866A
≈ Celtic Queen
- 1866EF
≈ Epic Blue
Contrast & accessibility
Ag
AAOn white
WCAG 5.45:1 · APCA Lc 75
Ag
FailOn black
WCAG 3.85:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--bramble-jam: #c71581;
--bramble-jam-rgb: 199 21 129;
--bramble-jam-oklch: oklch(0.552 0.22 351.2);
}
.element {
color: var(--bramble-jam);
background-color: hsl(324 81% 43%);
border-color: oklch(0.552 0.22 351.2);
}Tailwind CSS v4
@theme {
--color-bramble-jam: #c71581;
--color-bramble-jam-50: #ffdcfa;
--color-bramble-jam-100: #ffcaee;
--color-bramble-jam-200: #ffabdc;
--color-bramble-jam-300: #ff83c1;
--color-bramble-jam-400: #f85aae;
--color-bramble-jam-500: #e72297;
--color-bramble-jam-600: #c32180;
--color-bramble-jam-700: #9d1b66;
--color-bramble-jam-800: #74124e;
--color-bramble-jam-900: #520c36;
--color-bramble-jam-950: #360021;
}SCSS
$bramble-jam: #c71581;
$bramble-jam-rgb: 199, 21, 129;
$bramble-jam-light: mix(#fff, $bramble-jam, 20%);
$bramble-jam-dark: mix(#000, $bramble-jam, 20%);
.element {
color: $bramble-jam;
box-shadow: 0 0 0 2px rgba($bramble-jam, 0.35);
}