Nearest named color · #F964B3
#F964B3
Nearest named color: Kisses
#F964B3 (rgb(249 100 179), hsl(328 93% 68%), oklch(0.714 0.198 350.4)) is closest to the named color Kisses. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F964B3
oklch(0.714 0.198 350.4)
Color conversions
- HEX
- #f964b3
- RGB
- rgb(249 100 179)
- HSL
- hsl(328 93% 68%)
- HWB
- hwb(328 39% 2%)
- OKLCH
- oklch(0.714 0.198 350.4)
- OKLab
- oklab(0.714 0.196 -0.033)
- CIE Lab
- lab(64.12 63.38 -11.78)
- LCH
- lch(64.12 64.46 349.5)
- CMYK
- cmyk(0% 60% 28% 2%)
Tints · Shades · Tones
Tints
- FC76BA
- FE87C2
- FF97C9
- FFA6D1
- FFB5D9
- FFC4E0
- FFD3E8
- FFE2F0
- FFF0F7
Shades
- D9569B
- B94884
- 9A3B6E
- 7D2E58
- 612243
- 46162F
- 2C0B1D
- 15030C
- 030001
Tones
- EE69AE
- E26EA9
- D771A4
- CB759E
- BF7799
- B37A94
- A77C8F
- 9A7E8A
- 8E7F85
Color harmonies
Complementary +180°
- F964B3
Kisses
- 00BE96
≈ Mountain Meadow
Analogous -30° +30°
- F964B3
Kisses
- D872ED
≈ Calypso Orchid
- FF6C72
≈ Begonia
Triadic +120° +240°
- F964B3
Kisses
- A9AA00
≈ Honey and Thyme
- 00B1EA
≈ Lynx Screen Blue
Split-complementary +150° +210°
- F964B3
Kisses
- 51BF39
≈ Exit Light
- 00B9C1
≈ Cyan Sky
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.50:1 · APCA Lc 49
Best text color: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--kisses: #f964b3;
--kisses-rgb: 249 100 179;
--kisses-oklch: oklch(0.714 0.198 350.4);
}
.element {
color: var(--kisses);
background-color: hsl(328 93% 68%);
border-color: oklch(0.714 0.198 350.4);
}Tailwind CSS v4
@theme {
--color-kisses: #f964b3;
--color-kisses-50: #ffdefb;
--color-kisses-100: #ffcdee;
--color-kisses-200: #ffb0dc;
--color-kisses-300: #ff89c1;
--color-kisses-400: #f064ae;
--color-kisses-500: #de3897;
--color-kisses-600: #bc3280;
--color-kisses-700: #972866;
--color-kisses-800: #701b4e;
--color-kisses-900: #4f1236;
--color-kisses-950: #340321;
}SCSS
$kisses: #f964b3;
$kisses-rgb: 249, 100, 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);
}