Colore con nome · #B8516A
Tulip Red
Tulip Red è #B8516A: rgb(184 81 106), hsl(345 42% 52%), oklch(0.572 0.135 7.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Tulip Red color name →
#B8516A
oklch(0.572 0.135 7.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C16378
- C97486
- D18694
- D997A3
- E0A8B2
- E7B9C1
- EECAD0
- F4DCDF
- FAEDEF
Ombre
- A0455B
- 883A4D
- 712F3F
- 5B2431
- 451A24
- 311018
- 1E070D
- 0C0204
- 020000
Toni
- B3576C
- AF5D6E
- AA6271
- A56773
- 9F6B75
- 9A7077
- 947479
- 8E787C
- 877C7E
Armonie di colore
Complementare +180°
- B8516A
Tulip Red
- 008B82
≈ Clear Turquoise
Analogo -30° +30°
- B8516A
Tulip Red
- A95595
≈ Brilliant Carmine
- B95739
≈ Beef Patties
Triadico +120° +240°
- B8516A
Tulip Red
- 62861D
≈ Weeping Fig
- 237DC3
≈ Skylla
Complementare divisa +150° +210°
- B8516A
Tulip Red
- 048F57
≈ Emerald Isle
- 00869F
≈ Eastern Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.74:1 · APCA Lc 72
Ag
FailSu nero
WCAG 4.42:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.74:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}