Màu có tên · #FF8576
Fusion Coral
Fusion Coral là #FF8576: rgb(255 133 118), hsl(7 100% 73%), oklch(0.75 0.151 28.4). 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? → · Fusion Coral color name →
#FF8576
oklch(0.75 0.151 28.4)
Chuyển đổi màu
- HEX
- #ff8576
- RGB
- rgb(255 133 118)
- HSL
- hsl(7 100% 73%)
- HWB
- hwb(7 46% 0%)
- OKLCH
- oklch(0.75 0.151 28.4)
- OKLab
- oklab(0.75 0.133 0.072)
- CIE Lab
- lab(69.58 46.34 30.35)
- LCH
- lch(69.58 55.39 33.2)
- CMYK
- cmyk(0% 48% 54% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF9284
- FF9F91
- FFAB9F
- FFB8AC
- FFC4BA
- FFD0C8
- FFDCD5
- FFE7E3
- FFF3F1
Sắc đậm
- DE7366
- BE6156
- 9E5047
- 804038
- 633029
- 48211C
- 2E130F
- 160605
- 030101
Sắc xám
- F38678
- E68679
- DA867A
- CD867B
- C1857C
- B4857D
- A8847E
- 9B837F
- 8E817F
Hòa sắc
Bổ túc +180°
- FF8576
Fusion Coral
- 00C4D9
≈ The Crowd Roars!
Tương đồng -30° +30°
- FF8576
Fusion Coral
- F882AD
≈ Brown Knapweed
- F3933E
≈ Fall River
Bộ ba +120° +240°
- FF8576
Fusion Coral
- 61C876
≈ Emerald Reflection
- 8CAAFF
≈ Kitten’s Eye
Bổ túc chia +150° +210°
- FF8576
Fusion Coral
- 00CAAF
≈ Mint Leaf
- 3EB9FF
≈ Glitter Lake
Bộ bốn +90° +180° +270°
- FF8576
Fusion Coral
- A5BA3B
≈ In the Tropics
- 00C4D9
≈ The Crowd Roars!
- BA97FF
≈ Liliac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.36:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.86:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.86:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--fusion-coral: #ff8576;
--fusion-coral-rgb: 255 133 118;
--fusion-coral-oklch: oklch(0.75 0.151 28.4);
}
.element {
color: var(--fusion-coral);
background-color: hsl(7 100% 73%);
border-color: oklch(0.75 0.151 28.4);
}Tailwind CSS v4
@theme {
--color-fusion-coral: #ff8576;
--color-fusion-coral-50: #ffe6dc;
--color-fusion-coral-100: #ffd6ca;
--color-fusion-coral-200: #ffbcae;
--color-fusion-coral-300: #fb9988;
--color-fusion-coral-400: #ea786a;
--color-fusion-coral-500: #d85649;
--color-fusion-coral-600: #b64a3f;
--color-fusion-coral-700: #933b32;
--color-fusion-coral-800: #6d2925;
--color-fusion-coral-900: #4d1c18;
--color-fusion-coral-950: #330b09;
}SCSS
$fusion-coral: #ff8576;
$fusion-coral-rgb: 255, 133, 118;
$fusion-coral-light: mix(#fff, $fusion-coral, 20%);
$fusion-coral-dark: mix(#000, $fusion-coral, 20%);
.element {
color: $fusion-coral;
box-shadow: 0 0 0 2px rgba($fusion-coral, 0.35);
}