Màu có tên · #FD978F
Lolly
Lolly là #FD978F: rgb(253 151 143), hsl(4 96% 78%), oklch(0.781 0.124 25.1). 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 Red mean? → · Lolly color name →
#FD978F
oklch(0.781 0.124 25.1)
Chuyển đổi màu
- HEX
- #fd978f
- RGB
- rgb(253 151 143)
- HSL
- hsl(4 96% 78%)
- HWB
- hwb(4 56% 1%)
- OKLCH
- oklch(0.781 0.124 25.1)
- OKLab
- oklab(0.781 0.112 0.053)
- CIE Lab
- lab(73.35 38.56 21.57)
- LCH
- lch(73.35 44.19 29.2)
- CMYK
- cmyk(0% 40% 43% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FEA29A
- FFACA5
- FFB7B0
- FFC1BB
- FFCCC6
- FFD6D2
- FFE0DD
- FFEBE8
- FFF5F4
Sắc đậm
- DC837C
- BC6F69
- 9D5C57
- 7F4945
- 623734
- 472624
- 2D1715
- 160807
- 030101
Sắc xám
- F1958E
- E4938C
- D8918B
- CB8F8A
- BF8D88
- B38B87
- A68885
- 9A8683
- 8D8382
Hòa sắc
Bổ túc +180°
- FD978F
Lolly
- 31CEDD
≈ Aztec Turquoise
Tương đồng -30° +30°
- FD978F
Lolly
- F695BB
≈ Pastel Magenta
- F4A167
≈ Brushed Orange
Bộ ba +120° +240°
- FD978F
Lolly
- 83CD85
≈ De York
- 95B6FF
≈ Carolina Blue
Bổ túc chia +150° +210°
- FD978F
Lolly
- 4CD1B3
≈ Simply Aqua
- 5DC4FB
≈ Blue Mana
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.10:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.99:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--lolly: #fd978f;
--lolly-rgb: 253 151 143;
--lolly-oklch: oklch(0.781 0.124 25.1);
}
.element {
color: var(--lolly);
background-color: hsl(4 96% 78%);
border-color: oklch(0.781 0.124 25.1);
}Tailwind CSS v4
@theme {
--color-lolly: #fd978f;
--color-lolly-50: #ffe8e2;
--color-lolly-100: #ffd9d2;
--color-lolly-200: #ffc1b8;
--color-lolly-300: #f09f95;
--color-lolly-400: #de8079;
--color-lolly-500: #cb615b;
--color-lolly-600: #ac534e;
--color-lolly-700: #8a423e;
--color-lolly-800: #672f2e;
--color-lolly-900: #48201f;
--color-lolly-950: #2f0f0f;
}SCSS
$lolly: #fd978f;
$lolly-rgb: 253, 151, 143;
$lolly-light: mix(#fff, $lolly, 20%);
$lolly-dark: mix(#000, $lolly, 20%);
.element {
color: $lolly;
box-shadow: 0 0 0 2px rgba($lolly, 0.35);
}