Named color · #B8516A
Tulip Red
Tulip Red is #B8516A: rgb(184 81 106), hsl(345 42% 52%), oklch(0.572 0.135 7.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Tulip Red color name →
#B8516A
oklch(0.572 0.135 7.2)
Color conversions
- HEX
- #b8516a
- RGB
- rgb(184 81 106)
- HSL
- hsl(345 42% 52%)
- HWB
- hwb(345 32% 28%)
- OKLCH
- oklch(0.572 0.135 7.2)
- OKLab
- oklab(0.572 0.134 0.017)
- CIE Lab
- lab(48.81 44.23 7.27)
- LCH
- lch(48.81 44.82 9.3)
- CMYK
- cmyk(0% 56% 42% 28%)
Tints · Shades · Tones
Tints
- C16378
- C97486
- D18694
- D997A3
- E0A8B2
- E7B9C1
- EECAD0
- F4DCDF
- FAEDEF
Shades
- A0455B
- 883A4D
- 712F3F
- 5B2431
- 451A24
- 311018
- 1E070D
- 0C0204
- 020000
Tones
- B3576C
- AF5D6E
- AA6271
- A56773
- 9F6B75
- 9A7077
- 947479
- 8E787C
- 877C7E
Color harmonies
Complementary +180°
- B8516A
Tulip Red
- 008B82
≈ Clear Turquoise
Analogous -30° +30°
- B8516A
Tulip Red
- A95595
≈ Brilliant Carmine
- B95739
≈ Beef Patties
Triadic +120° +240°
- B8516A
Tulip Red
- 62861D
≈ Weeping Fig
- 237DC3
≈ Skylla
Split-complementary +150° +210°
- B8516A
Tulip Red
- 048F57
≈ Emerald Isle
- 00869F
≈ Eastern Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.74:1 · APCA Lc 72
Ag
FailOn black
WCAG 4.42:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.74:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--tulip-red: #b8516a;
--tulip-red-rgb: 184 81 106;
--tulip-red-oklch: oklch(0.572 0.135 7.2);
}
.element {
color: var(--tulip-red);
background-color: hsl(345 42% 52%);
border-color: oklch(0.572 0.135 7.2);
}Tailwind CSS v4
@theme {
--color-tulip-red: #b8516a;
--color-tulip-red-50: #ffe6ed;
--color-tulip-red-100: #ffd6de;
--color-tulip-red-200: #ffbdc8;
--color-tulip-red-300: #f39aa9;
--color-tulip-red-400: #e17a90;
--color-tulip-red-500: #ce5a76;
--color-tulip-red-600: #ae4d64;
--color-tulip-red-700: #8c3d50;
--color-tulip-red-800: #682c3c;
--color-tulip-red-900: #491d29;
--color-tulip-red-950: #2f0d17;
}SCSS
$tulip-red: #b8516a;
$tulip-red-rgb: 184, 81, 106;
$tulip-red-light: mix(#fff, $tulip-red, 20%);
$tulip-red-dark: mix(#000, $tulip-red, 20%);
.element {
color: $tulip-red;
box-shadow: 0 0 0 2px rgba($tulip-red, 0.35);
}