Colore con nome · #A63864
Valentine’s Day
Valentine’s Day è #A63864: rgb(166 56 100), hsl(336 50% 44%), oklch(0.511 0.15 359.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Valentine’s Day color name →
#A63864
oklch(0.511 0.15 359.2)
Conversioni di colore
- HEX
- #a63864
- RGB
- rgb(166 56 100)
- HSL
- hsl(336 50% 44%)
- HWB
- hwb(336 22% 35%)
- OKLCH
- oklch(0.511 0.15 359.2)
- OKLab
- oklab(0.511 0.15 -0.002)
- CIE Lab
- lab(41.36 48.59 -0.13)
- LCH
- lch(41.36 48.59 359.9)
- CMYK
- cmyk(0% 66% 40% 35%)
Tinte · Ombre · Toni
Tinte
- B14E72
- BB6281
- C57590
- CF899F
- D89CAE
- E1B0BE
- E9C3CE
- F1D7DE
- F8EBEE
Ombre
- 902F56
- 7A2748
- 651F3B
- 51172E
- 3E0F22
- 2B0816
- 1A040B
- 0A0103
- 010000
Toni
- A44267
- A14A6A
- 9E526C
- 9B596F
- 976072
- 946775
- 8F6E77
- 8B747A
- 867A7D
Armonie di colore
Complementare +180°
- A63864
Valentine’s Day
- 007767
≈ Teal Waters
Analogo -30° +30°
- A63864
Valentine’s Day
- 93408F
≈ Dahlia
- AB3B2F
≈ Rooibos Tea
Triadico +120° +240°
- A63864
Valentine’s Day
- 5F6F00
≈ Brownish Green
- 006EA1
≈ Disarm
Complementare divisa +150° +210°
- A63864
Valentine’s Day
- 007C34
≈ Verdant Vale
- 007481
≈ Deep Current
Tetradico +90° +180° +270°
- A63864
Valentine’s Day
- 7E6200
≈ Ground Earth
- 007767
≈ Teal Waters
- 445DBB
≈ Chinese Bellflower
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.22:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.37:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--valentine-s-day: #a63864;
--valentine-s-day-rgb: 166 56 100;
--valentine-s-day-oklch: oklch(0.511 0.15 359.2);
}
.element {
color: var(--valentine-s-day);
background-color: hsl(336 50% 44%);
border-color: oklch(0.511 0.15 359.2);
}Tailwind CSS v4
@theme {
--color-valentine-s-day: #a63864;
--color-valentine-s-day-50: #ffe4f2;
--color-valentine-s-day-100: #ffd4e5;
--color-valentine-s-day-200: #ffbad0;
--color-valentine-s-day-300: #f696b2;
--color-valentine-s-day-400: #e4759c;
--color-valentine-s-day-500: #d15383;
--color-valentine-s-day-600: #b0486f;
--color-valentine-s-day-700: #8e3959;
--color-valentine-s-day-800: #692843;
--color-valentine-s-day-900: #4a1b2e;
--color-valentine-s-day-950: #300b1b;
}SCSS
$valentine-s-day: #a63864;
$valentine-s-day-rgb: 166, 56, 100;
$valentine-s-day-light: mix(#fff, $valentine-s-day, 20%);
$valentine-s-day-dark: mix(#000, $valentine-s-day, 20%);
.element {
color: $valentine-s-day;
box-shadow: 0 0 0 2px rgba($valentine-s-day, 0.35);
}