Màu có tên gần nhất · #F03B4C
#F03B4C
Màu có tên gần nhất: Watermelonade
#F03B4C (rgb(240 59 76), hsl(354 86% 59%), oklch(0.632 0.216 21.3)) gần nhất với màu có tên Watermelonade. 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.
#F03B4C
oklch(0.632 0.216 21.3)
Chuyển đổi màu
- HEX
- #f03b4c
- RGB
- rgb(240 59 76)
- HSL
- hsl(354 86% 59%)
- HWB
- hwb(354 23% 6%)
- OKLCH
- oklch(0.632 0.216 21.3)
- OKLab
- oklab(0.632 0.201 0.078)
- CIE Lab
- lab(55.03 68.93 35.44)
- LCH
- lch(55.03 77.51 27.2)
- CMYK
- cmyk(0% 75% 68% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F5565E
- F96C6F
- FC8181
- FF9493
- FFA7A4
- FFB9B6
- FFCAC8
- FFDCDA
- FFEEEC
Sắc đậm
- D13241
- B22936
- 95212C
- 781922
- 5D1118
- 43090F
- 2A0406
- 140102
- 030000
Sắc xám
- E64852
- DC5358
- D25B5E
- C86363
- BD6968
- B26F6D
- A77472
- 9B7877
- 8E7C7B
Hòa sắc
Bổ túc +180°
- F03B4C
Watermelonade
- 009DA5
≈ Turkish Boy
Tương đồng -30° +30°
- F03B4C
Watermelonade
- E23E99
≈ Prunus Avium
- D46600
≈ Cinnamon
Bộ ba +120° +240°
- F03B4C
Watermelonade
- 21A600
≈ Peter Pan
- 3F83FF
≈ Dodger Blue
Bổ túc chia +150° +210°
- F03B4C
Watermelonade
- 00A180
≈ Sport Green
- 0096C9
≈ Germander Speedwell
Bộ bốn +90° +180° +270°
- F03B4C
Watermelonade
- 8E9100
≈ Old Asparagus
- 009DA5
≈ Turkish Boy
- 8F67FF
≈ Purple Anemone
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.86:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.43:1 · APCA Lc 37
Màu chữ tốt nhất: #000000
WCAG 5.43:1 (AA) · APCA Lc 37
Contrast pairs
Đoạn mã
CSS
:root {
--watermelonade: #f03b4c;
--watermelonade-rgb: 240 59 76;
--watermelonade-oklch: oklch(0.632 0.216 21.3);
}
.element {
color: var(--watermelonade);
background-color: hsl(354 86% 59%);
border-color: oklch(0.632 0.216 21.3);
}Tailwind CSS v4
@theme {
--color-watermelonade: #f03b4c;
--color-watermelonade-50: #ffded8;
--color-watermelonade-100: #ffccc6;
--color-watermelonade-200: #ffaea8;
--color-watermelonade-300: #ff8582;
--color-watermelonade-400: #ff5b64;
--color-watermelonade-500: #f41f41;
--color-watermelonade-600: #ce2038;
--color-watermelonade-700: #a61a2c;
--color-watermelonade-800: #7c1022;
--color-watermelonade-900: #580b16;
--color-watermelonade-950: #3b0008;
}SCSS
$watermelonade: #f03b4c;
$watermelonade-rgb: 240, 59, 76;
$watermelonade-light: mix(#fff, $watermelonade, 20%);
$watermelonade-dark: mix(#000, $watermelonade, 20%);
.element {
color: $watermelonade;
box-shadow: 0 0 0 2px rgba($watermelonade, 0.35);
}