Najbliższy nazwany kolor · #FB62B3
#FB62B3
Najbliższy nazwany kolor: Kisses
#FB62B3 (rgb(251 98 179), hsl(328 95% 68%), oklch(0.714 0.203 350.6)) jest najbliższy nazwanemu kolorowi Kisses. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FB62B3
oklch(0.714 0.203 350.6)
Konwersje koloru
- HEX
- #fb62b3
- RGB
- rgb(251 98 179)
- HSL
- hsl(328 95% 68%)
- HWB
- hwb(328 38% 2%)
- OKLCH
- oklch(0.714 0.203 350.6)
- OKLab
- oklab(0.714 0.2 -0.033)
- CIE Lab
- lab(64.12 64.78 -11.73)
- LCH
- lch(64.12 65.83 349.7)
- CMYK
- cmyk(0% 61% 29% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FE74BA
- FF85C2
- FF96C9
- FFA5D1
- FFB5D9
- FFC4E0
- FFD3E8
- FFE2F0
- FFF0F7
Odcienie ciemniejsze
- DA549B
- BA4784
- 9C3A6E
- 7E2D58
- 612143
- 46162F
- 2D0B1D
- 15030C
- 030001
Tony
- EF68AE
- E46CA9
- D870A4
- CC749E
- C07799
- B47994
- A87C8F
- 9B7D8A
- 8E7F85
Harmonie kolorów
Komplementarna +180°
- FB62B3
Kisses
- 00BE96
≈ Mountain Meadow
Analogowa -30° +30°
- FB62B3
Kisses
- D971EF
≈ Calypso Orchid
- FF6C71
≈ Begonia
Triada +120° +240°
- FB62B3
Kisses
- A8AA00
≈ Honey and Thyme
- 00B2EB
≈ Lynx Screen Blue
Komplementarna rozszczepiona +150° +210°
- FB62B3
Kisses
- 4DC036
≈ Exit Light
- 00B9C1
≈ Cyan Sky
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--kisses: #fb62b3;
--kisses-rgb: 251 98 179;
--kisses-oklch: oklch(0.714 0.203 350.6);
}
.element {
color: var(--kisses);
background-color: hsl(328 95% 68%);
border-color: oklch(0.714 0.203 350.6);
}Tailwind CSS v4
@theme {
--color-kisses: #fb62b3;
--color-kisses-50: #ffdefb;
--color-kisses-100: #ffccee;
--color-kisses-200: #ffafdc;
--color-kisses-300: #ff88c1;
--color-kisses-400: #f262ae;
--color-kisses-500: #e03497;
--color-kisses-600: #bd2f80;
--color-kisses-700: #982566;
--color-kisses-800: #711a4e;
--color-kisses-900: #501136;
--color-kisses-950: #340221;
}SCSS
$kisses: #fb62b3;
$kisses-rgb: 251, 98, 179;
$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);
}