Named color · #F498AD
Flower Girl
Flower Girl is #F498AD: rgb(244 152 173), hsl(346 81% 78%), oklch(0.779 0.113 5.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Flower Girl color name →
#F498AD
oklch(0.779 0.113 5.2)
Color conversions
- HEX
- #f498ad
- RGB
- rgb(244 152 173)
- HSL
- hsl(346 81% 78%)
- HWB
- hwb(346 60% 4%)
- OKLCH
- oklch(0.779 0.113 5.2)
- OKLab
- oklab(0.779 0.112 0.01)
- CIE Lab
- lab(73 37.26 4.41)
- LCH
- lch(73 37.52 6.7)
- CMYK
- cmyk(0% 38% 29% 4%)
Tints · Shades · Tones
Tints
- F6A2B5
- F8ADBD
- FAB7C5
- FBC2CD
- FDCCD5
- FED6DE
- FEE0E6
- FFEBEE
- FFF5F7
Shades
- D48496
- B5707F
- 975C6A
- 7A4A55
- 5E3841
- 44272D
- 2B171B
- 14080B
- 030101
Tones
- E896A8
- DD94A4
- D1929F
- C68F9B
- BA8D96
- AF8B92
- A3888D
- 988589
- 8C8384
Color harmonies
Complementary +180°
- F498AD
Flower Girl
- 50CEC1
≈ Peppy Peacock
Analogous -30° +30°
- F498AD
Flower Girl
- E49BD3
≈ Blossoms in Spring
- F69C85
≈ Shān Hú Hóng Coral
Triadic +120° +240°
- F498AD
Flower Girl
- A6C472
≈ Fiddle-Leaf Fig
- 77BEFA
≈ Broken Blue
Split-complementary +150° +210°
- F498AD
Flower Girl
- 78CD98
≈ Jocose Jade
- 50C9E4
≈ Naxos Sky
Tetradic +90° +180° +270°
- F498AD
Flower Girl
- CDB65D
≈ Warm Woollen
- 50CEC1
≈ Peppy Peacock
- A2B1FF
≈ Wondrous Wisteria
Contrast & accessibility
Ag
FailOn white
WCAG 2.11:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.94:1 · APCA Lc 61
Best text color: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--flower-girl: #f498ad;
--flower-girl-rgb: 244 152 173;
--flower-girl-oklch: oklch(0.779 0.113 5.2);
}
.element {
color: var(--flower-girl);
background-color: hsl(346 81% 78%);
border-color: oklch(0.779 0.113 5.2);
}Tailwind CSS v4
@theme {
--color-flower-girl: #f498ad;
--color-flower-girl-50: #ffe9ef;
--color-flower-girl-100: #ffd9e1;
--color-flower-girl-200: #ffc1cc;
--color-flower-girl-300: #ea9fad;
--color-flower-girl-400: #d68195;
--color-flower-girl-500: #c3637c;
--color-flower-girl-600: #a55569;
--color-flower-girl-700: #844454;
--color-flower-girl-800: #62303e;
--color-flower-girl-900: #45212b;
--color-flower-girl-950: #2c1018;
}SCSS
$flower-girl: #f498ad;
$flower-girl-rgb: 244, 152, 173;
$flower-girl-light: mix(#fff, $flower-girl, 20%);
$flower-girl-dark: mix(#000, $flower-girl, 20%);
.element {
color: $flower-girl;
box-shadow: 0 0 0 2px rgba($flower-girl, 0.35);
}