Named color · #B70272
Botticelli
Botticelli is #B70272: rgb(183 2 114), hsl(323 98% 36%), oklch(0.512 0.211 352.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Botticelli color name →
#B70272
oklch(0.512 0.211 352.5)
Color conversions
- HEX
- #b70272
- RGB
- rgb(183 2 114)
- HSL
- hsl(323 98% 36%)
- HWB
- hwb(323 1% 28%)
- OKLCH
- oklch(0.512 0.211 352.5)
- OKLab
- oklab(0.512 0.209 -0.028)
- CIE Lab
- lab(40.57 66.6 -9.59)
- LCH
- lch(40.57 67.28 351.8)
- CMYK
- cmyk(0% 99% 38% 28%)
Tints · Shades · Tones
Tints
- C1347F
- CB4F8D
- D4679A
- DC7EA8
- E494B6
- EBA9C4
- F1BED3
- F6D4E1
- FBE9F0
Shades
- 9F0162
- 870153
- 700144
- 5A0036
- 450028
- 31001B
- 1E000E
- 0C0004
- 020001
Tones
- B32473
- B03675
- AB4376
- A74E78
- A25879
- 9C617B
- 96697C
- 90717D
- 88797F
Color harmonies
Complementary +180°
- B70272
Botticelli
- 007961
≈ Ultramarine Green
Analogous -30° +30°
- B70272
Botticelli
- 9B27AB
≈ Purple Ink
- C10028
≈ Red City of Morocco
Triadic +120° +240°
- B70272
Botticelli
- 686C00
≈ Brownish Green
- 007098
≈ Tofino Belue
Split-complementary +150° +210°
- B70272
Botticelli
- 017D00
≈ Hulk
- 00757C
≈ Scurf Green
Tetradic +90° +180° +270°
- B70272
Botticelli
- 846000
≈ Rat Brown
- 007961
≈ Ultramarine Green
- 1A59DD
≈ Chun-Li Blue
Contrast & accessibility
Ag
AAOn white
WCAG 6.43:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.26:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--botticelli: #b70272;
--botticelli-rgb: 183 2 114;
--botticelli-oklch: oklch(0.512 0.211 352.5);
}
.element {
color: var(--botticelli);
background-color: hsl(323 98% 36%);
border-color: oklch(0.512 0.211 352.5);
}Tailwind CSS v4
@theme {
--color-botticelli: #b70272;
--color-botticelli-50: #ffddf9;
--color-botticelli-100: #ffcbec;
--color-botticelli-200: #ffadda;
--color-botticelli-300: #ff85be;
--color-botticelli-400: #f65eaa;
--color-botticelli-500: #e52b93;
--color-botticelli-600: #c1287d;
--color-botticelli-700: #9b2064;
--color-botticelli-800: #73164c;
--color-botticelli-900: #510e35;
--color-botticelli-950: #360120;
}SCSS
$botticelli: #b70272;
$botticelli-rgb: 183, 2, 114;
$botticelli-light: mix(#fff, $botticelli, 20%);
$botticelli-dark: mix(#000, $botticelli, 20%);
.element {
color: $botticelli;
box-shadow: 0 0 0 2px rgba($botticelli, 0.35);
}