Colore con nome · #D10056
Rubine Red
Rubine Red è #D10056: rgb(209 0 86), hsl(335 100% 41%), oklch(0.551 0.22 9.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rubine Red color name →
#D10056
oklch(0.551 0.22 9.1)
Conversioni di colore
- HEX
- #d10056
- RGB
- rgb(209 0 86)
- HSL
- hsl(335 100% 41%)
- HWB
- hwb(335 0% 18%)
- OKLCH
- oklch(0.551 0.22 9.1)
- OKLab
- oklab(0.551 0.218 0.035)
- CIE Lab
- lab(45.29 71.33 15.62)
- LCH
- lch(45.29 73.02 12.3)
- CMYK
- cmyk(0% 100% 59% 18%)
Tinte · Ombre · Toni
Tinte
- D93866
- E15475
- E76C86
- ED8296
- F398A7
- F7ADB8
- FAC1C9
- FDD6DB
- FEEAED
Ombre
- B5004A
- 9B003E
- 810032
- 680027
- 50001C
- 390012
- 230008
- 100002
- 020000
Toni
- CB275A
- C4395E
- BE4763
- B75267
- AF5B6B
- A7646F
- 9F6B73
- 957378
- 8B7A7C
Armonie di colore
Complementare +180°
- D10056
Rubine Red
- 00837D
≈ Blue Winged Teal
Analogo -30° +30°
- D10056
Rubine Red
- BC219B
≈ Fuchsia Flourish
- C23F00
≈ Mahogany
Triadico +120° +240°
- D10056
Rubine Red
- 568100
≈ Avocado
- 0075C6
≈ Science Blue
Complementare divisa +150° +210°
- D10056
Rubine Red
- 008756
≈ Pixel Nature
- 007F99
≈ Amazing Sky
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.46:1 · APCA Lc 75
Ag
FailSu nero
WCAG 3.84:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--rubine-red: #d10056;
--rubine-red-rgb: 209 0 86;
--rubine-red-oklch: oklch(0.551 0.22 9.1);
}
.element {
color: var(--rubine-red);
background-color: hsl(335 100% 41%);
border-color: oklch(0.551 0.22 9.1);
}Tailwind CSS v4
@theme {
--color-rubine-red: #d10056;
--color-rubine-red-50: #ffdce5;
--color-rubine-red-100: #ffc9d6;
--color-rubine-red-200: #ffabbd;
--color-rubine-red-300: #ff819b;
--color-rubine-red-400: #ff5783;
--color-rubine-red-500: #f31267;
--color-rubine-red-600: #cd1857;
--color-rubine-red-700: #a51445;
--color-rubine-red-800: #7b0c35;
--color-rubine-red-900: #570824;
--color-rubine-red-950: #3a0013;
}SCSS
$rubine-red: #d10056;
$rubine-red-rgb: 209, 0, 86;
$rubine-red-light: mix(#fff, $rubine-red, 20%);
$rubine-red-dark: mix(#000, $rubine-red, 20%);
.element {
color: $rubine-red;
box-shadow: 0 0 0 2px rgba($rubine-red, 0.35);
}