Màu có tên · #FBE0E8
Watermelon Mousse
Watermelon Mousse là #FBE0E8: rgb(251 224 232), hsl(342 77% 93%), oklch(0.931 0.031 357.8). 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.
What does Gray mean? → · Watermelon Mousse color name →
#FBE0E8
oklch(0.931 0.031 357.8)
Chuyển đổi màu
- HEX
- #fbe0e8
- RGB
- rgb(251 224 232)
- HSL
- hsl(342 77% 93%)
- HWB
- hwb(342 88% 2%)
- OKLCH
- oklch(0.931 0.031 357.8)
- OKLab
- oklab(0.931 0.031 -0.001)
- CIE Lab
- lab(91.59 10.56 -0.34)
- LCH
- lch(91.59 10.57 358.1)
- CMYK
- cmyk(0% 11% 8% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBE3EA
- FCE6ED
- FCE9EF
- FDECF1
- FDEFF3
- FEF3F6
- FEF6F8
- FEF9FA
- FFFCFD
Sắc đậm
- DAC3CA
- BAA6AC
- 9C8A90
- 7E7074
- 615659
- 463E40
- 2D2729
- 151213
- 030203
Sắc xám
- EED6DD
- E1CCD2
- D5C2C8
- C8B8BD
- BCAFB3
- B0A5A8
- A39C9E
- 979294
- 8C898A
Hòa sắc
Bổ túc +180°
- FBE0E8
Watermelon Mousse
- D3F0E8
≈ Shimmering Pool
Tương đồng -30° +30°
- FBE0E8
Watermelon Mousse
- F4E1F3
≈ Minute Mauve
- FDE1DD
≈ Peachy Ethereal
Bộ ba +120° +240°
- FBE0E8
Watermelon Mousse
- E6EBD4
≈ Lime Meringue
- D6ECFB
≈ Ice Castle
Bổ túc chia +150° +210°
- FBE0E8
Watermelon Mousse
- DBEEDD
≈ Vanishing Point
- D1EFF3
≈ Diamond League
Bộ bốn +90° +180° +270°
- FBE0E8
Watermelon Mousse
- F1E7D1
≈ Informal Ivory
- D3F0E8
≈ Shimmering Pool
- DFE8FE
≈ Cyber Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.92:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--watermelon-mousse: #fbe0e8;
--watermelon-mousse-rgb: 251 224 232;
--watermelon-mousse-oklch: oklch(0.931 0.031 357.8);
}
.element {
color: var(--watermelon-mousse);
background-color: hsl(342 77% 93%);
border-color: oklch(0.931 0.031 357.8);
}Tailwind CSS v4
@theme {
--color-watermelon-mousse: #fbe0e8;
--color-watermelon-mousse-50: #fdf2f5;
--color-watermelon-mousse-100: #f2e4e7;
--color-watermelon-mousse-200: #e1cfd4;
--color-watermelon-mousse-300: #c6b1b7;
--color-watermelon-mousse-400: #af979e;
--color-watermelon-mousse-500: #987e86;
--color-watermelon-mousse-600: #816b71;
--color-watermelon-mousse-700: #67555b;
--color-watermelon-mousse-800: #4c3e43;
--color-watermelon-mousse-900: #352b2e;
--color-watermelon-mousse-950: #20181b;
}SCSS
$watermelon-mousse: #fbe0e8;
$watermelon-mousse-rgb: 251, 224, 232;
$watermelon-mousse-light: mix(#fff, $watermelon-mousse, 20%);
$watermelon-mousse-dark: mix(#000, $watermelon-mousse, 20%);
.element {
color: $watermelon-mousse;
box-shadow: 0 0 0 2px rgba($watermelon-mousse, 0.35);
}