Colore con nome più vicino · #FB62B4
#FB62B4
Colore con nome più vicino: Kisses
#FB62B4 (rgb(251 98 180), hsl(328 95% 68%), oklch(0.715 0.203 350.2)) è più vicino al colore con nome Kisses. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FB62B4
oklch(0.715 0.203 350.2)
Conversioni di colore
- HEX
- #fb62b4
- RGB
- rgb(251 98 180)
- HSL
- hsl(328 95% 68%)
- HWB
- hwb(328 38% 2%)
- OKLCH
- oklch(0.715 0.203 350.2)
- OKLab
- oklab(0.715 0.2 -0.034)
- CIE Lab
- lab(64.15 64.87 -12.26)
- LCH
- lch(64.15 66.02 349.3)
- CMYK
- cmyk(0% 61% 28% 2%)
Tinte · Ombre · Toni
Tinte
- FE74BB
- FF85C3
- FF96CA
- FFA5D2
- FFB5D9
- FFC4E1
- FFD3E8
- FFE2F0
- FFF0F7
Ombre
- DA549C
- BA4785
- 9C3A6E
- 7E2D58
- 612144
- 461630
- 2D0B1D
- 15030C
- 030002
Toni
- EF68AF
- E46CA9
- D870A4
- CC749F
- C0779A
- B47995
- A87C8F
- 9B7D8A
- 8E7F85
Armonie di colore
Complementare +180°
- FB62B4
Kisses
- 00BF96
≈ Blarney
Analogo -30° +30°
- FB62B4
Kisses
- D971F0
≈ Calypso Orchid
- FF6C72
≈ Begonia
Triadico +120° +240°
- FB62B4
Kisses
- A9AA00
≈ Honey and Thyme
- 00B2EB
≈ Lynx Screen Blue
Complementare divisa +150° +210°
- FB62B4
Kisses
- 4FC034
≈ Exit Light
- 00B9C1
≈ Cyan Sky
Tetradico +90° +180° +270°
- FB62B4
Kisses
- D29700
≈ Leopard
- 00BF96
≈ Blarney
- 6AA2FF
≈ Âbi Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.50:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--kisses: #fb62b4;
--kisses-rgb: 251 98 180;
--kisses-oklch: oklch(0.715 0.203 350.2);
}
.element {
color: var(--kisses);
background-color: hsl(328 95% 68%);
border-color: oklch(0.715 0.203 350.2);
}Tailwind CSS v4
@theme {
--color-kisses: #fb62b4;
--color-kisses-50: #ffdefb;
--color-kisses-100: #ffccef;
--color-kisses-200: #ffafdd;
--color-kisses-300: #ff88c2;
--color-kisses-400: #f262af;
--color-kisses-500: #e03498;
--color-kisses-600: #bd2f81;
--color-kisses-700: #982567;
--color-kisses-800: #711a4e;
--color-kisses-900: #501136;
--color-kisses-950: #340221;
}SCSS
$kisses: #fb62b4;
$kisses-rgb: 251, 98, 180;
$kisses-light: mix(#fff, $kisses, 20%);
$kisses-dark: mix(#000, $kisses, 20%);
.element {
color: $kisses;
box-shadow: 0 0 0 2px rgba($kisses, 0.35);
}