Màu có tên gần nhất · #F79294
#F79294
Màu có tên gần nhất: Fruity Licious
#F79294 (rgb(247 146 148), hsl(359 86% 77%), oklch(0.766 0.122 19)) gần nhất với màu có tên Fruity Licious. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F79294
oklch(0.766 0.122 19)
Chuyển đổi màu
- HEX
- #f79294
- RGB
- rgb(247 146 148)
- HSL
- hsl(359 86% 77%)
- HWB
- hwb(359 57% 3%)
- OKLCH
- oklch(0.766 0.122 19)
- OKLab
- oklab(0.766 0.116 0.04)
- CIE Lab
- lab(71.62 39.15 16.32)
- LCH
- lch(71.62 42.42 22.6)
- CMYK
- cmyk(0% 41% 40% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F99D9E
- FBA8A9
- FCB3B3
- FEBEBE
- FFC9C9
- FFD4D3
- FFDFDE
- FFE9E9
- FFF4F4
Sắc đậm
- D77E80
- B76B6D
- 99585A
- 7C4648
- 603536
- 452526
- 2C1616
- 150808
- 030101
Sắc xám
- EB9192
- E08F90
- D48E8E
- C88C8C
- BC8A8A
- B08988
- A58786
- 998584
- 8C8282
Hòa sắc
Bổ túc +180°
- F79294
Fruity Licious
- 2DCAD0
≈ Mermaid Net
Tương đồng -30° +30°
- F79294
Fruity Licious
- ED92BF
≈ Shocking
- F29B6B
≈ Florida Mango
Bộ ba +120° +240°
- F79294
Fruity Licious
- 8AC679
≈ Applegate
- 84B4FF
≈ Parakeet Blue
Bổ túc chia +150° +210°
- F79294
Fruity Licious
- 53CCA6
≈ Diroset
- 4FC1F1
≈ Clean Pool
Bộ bốn +90° +180° +270°
- F79294
Fruity Licious
- B9B956
≈ Parachute
- 2DCAD0
≈ Mermaid Net
- B1A6FC
≈ Shy Moment
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.21:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.49:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.49:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--fruity-licious: #f79294;
--fruity-licious-rgb: 247 146 148;
--fruity-licious-oklch: oklch(0.766 0.122 19);
}
.element {
color: var(--fruity-licious);
background-color: hsl(359 86% 77%);
border-color: oklch(0.766 0.122 19);
}Tailwind CSS v4
@theme {
--color-fruity-licious: #f79294;
--color-fruity-licious-50: #ffe8e6;
--color-fruity-licious-100: #ffd9d6;
--color-fruity-licious-200: #ffc0be;
--color-fruity-licious-300: #f09e9c;
--color-fruity-licious-400: #dd7f82;
--color-fruity-licious-500: #ca6165;
--color-fruity-licious-600: #ab5256;
--color-fruity-licious-700: #894245;
--color-fruity-licious-800: #662f33;
--color-fruity-licious-900: #482023;
--color-fruity-licious-950: #2f0f12;
}SCSS
$fruity-licious: #f79294;
$fruity-licious-rgb: 247, 146, 148;
$fruity-licious-light: mix(#fff, $fruity-licious, 20%);
$fruity-licious-dark: mix(#000, $fruity-licious, 20%);
.element {
color: $fruity-licious;
box-shadow: 0 0 0 2px rgba($fruity-licious, 0.35);
}