Adlandırılmış renk · #F498AD
Flower Girl
Flower Girl, #F498AD: rgb(244 152 173), hsl(346 81% 78%), oklch(0.779 0.113 5.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Flower Girl color name →
#F498AD
oklch(0.779 0.113 5.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6A2B5
- F8ADBD
- FAB7C5
- FBC2CD
- FDCCD5
- FED6DE
- FEE0E6
- FFEBEE
- FFF5F7
Koyu tonlar
- D48496
- B5707F
- 975C6A
- 7A4A55
- 5E3841
- 44272D
- 2B171B
- 14080B
- 030101
Gri tonlar
- E896A8
- DD94A4
- D1929F
- C68F9B
- BA8D96
- AF8B92
- A3888D
- 988589
- 8C8384
Renk uyumları
Tamamlayıcı +180°
- F498AD
Flower Girl
- 50CEC1
≈ Peppy Peacock
Analog -30° +30°
- F498AD
Flower Girl
- E49BD3
≈ Blossoms in Spring
- F69C85
≈ Shān Hú Hóng Coral
Üçlü +120° +240°
- F498AD
Flower Girl
- A6C472
≈ Fiddle-Leaf Fig
- 77BEFA
≈ Broken Blue
Bölünmüş tamamlayıcı +150° +210°
- F498AD
Flower Girl
- 78CD98
≈ Jocose Jade
- 50C9E4
≈ Naxos Sky
Dörtlü +90° +180° +270°
- F498AD
Flower Girl
- CDB65D
≈ Warm Woollen
- 50CEC1
≈ Peppy Peacock
- A2B1FF
≈ Wondrous Wisteria
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.94:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
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);
}