Colore con nome · #B63364
Valentine’s Kiss
Valentine’s Kiss è #B63364: rgb(182 51 100), hsl(338 56% 46%), oklch(0.532 0.171 2.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Valentine’s Kiss color name →
#B63364
oklch(0.532 0.171 2.3)
Conversioni di colore
- HEX
- #b63364
- RGB
- rgb(182 51 100)
- HSL
- hsl(338 56% 46%)
- HWB
- hwb(338 20% 29%)
- OKLCH
- oklch(0.532 0.171 2.3)
- OKLab
- oklab(0.532 0.171 0.007)
- CIE Lab
- lab(43.59 55.46 3.52)
- LCH
- lch(43.59 55.57 3.6)
- CMYK
- cmyk(0% 72% 45% 29%)
Tinte · Ombre · Toni
Tinte
- C04B72
- C96081
- D27590
- DA899F
- E29CAE
- E9B0BE
- EFC4CE
- F5D7DE
- FAEBEE
Ombre
- 9E2B56
- 862348
- 6F1C3B
- 59142E
- 440D22
- 300716
- 1D030B
- 0C0103
- 020000
Toni
- B23E67
- AE486A
- AA516C
- A5596F
- A06072
- 9B6775
- 956E77
- 8E747A
- 887A7D
Armonie di colore
Complementare +180°
- B63364
Valentine’s Kiss
- 007E71
≈ Blue Green
Analogo -30° +30°
- B63364
Valentine’s Kiss
- A23D97
≈ Purple Cactus Flower
- BB3821
≈ Valiant Poppy
Triadico +120° +240°
- B63364
Valentine’s Kiss
- 607700
≈ Topiary Green
- 0073AF
≈ Cloisonné
Complementare divisa +150° +210°
- B63364
Valentine’s Kiss
- 008242
≈ Jungle Green
- 007A8C
≈ Biscay Bay
Tetradico +90° +180° +270°
- B63364
Valentine’s Kiss
- 836A00
≈ Muddy Brown
- 007E71
≈ Blue Green
- 4D5FCD
≈ Savoy Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.75:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.64:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.75:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--valentine-s-kiss: #b63364;
--valentine-s-kiss-rgb: 182 51 100;
--valentine-s-kiss-oklch: oklch(0.532 0.171 2.3);
}
.element {
color: var(--valentine-s-kiss);
background-color: hsl(338 56% 46%);
border-color: oklch(0.532 0.171 2.3);
}Tailwind CSS v4
@theme {
--color-valentine-s-kiss: #b63364;
--color-valentine-s-kiss-50: #ffe2ef;
--color-valentine-s-kiss-100: #ffd1e1;
--color-valentine-s-kiss-200: #ffb5cb;
--color-valentine-s-kiss-300: #ff90ad;
--color-valentine-s-kiss-400: #ed6d96;
--color-valentine-s-kiss-500: #db477d;
--color-valentine-s-kiss-600: #b93e6a;
--color-valentine-s-kiss-700: #953154;
--color-valentine-s-kiss-800: #6f2240;
--color-valentine-s-kiss-900: #4e172c;
--color-valentine-s-kiss-950: #330719;
}SCSS
$valentine-s-kiss: #b63364;
$valentine-s-kiss-rgb: 182, 51, 100;
$valentine-s-kiss-light: mix(#fff, $valentine-s-kiss, 20%);
$valentine-s-kiss-dark: mix(#000, $valentine-s-kiss, 20%);
.element {
color: $valentine-s-kiss;
box-shadow: 0 0 0 2px rgba($valentine-s-kiss, 0.35);
}