Màu có tên gần nhất · #FD9590
#FD9590
Màu có tên gần nhất: Vinaceous
#FD9590 (rgb(253 149 144), hsl(3 96% 78%), oklch(0.778 0.126 23.3)) gần nhất với màu có tên Vinaceous. 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.
#FD9590
oklch(0.778 0.126 23.3)
Chuyển đổi màu
- HEX
- #fd9590
- RGB
- rgb(253 149 144)
- HSL
- hsl(3 96% 78%)
- HWB
- hwb(3 56% 1%)
- OKLCH
- oklch(0.778 0.126 23.3)
- OKLab
- oklab(0.778 0.116 0.05)
- CIE Lab
- lab(72.95 39.61 20.48)
- LCH
- lch(72.95 44.6 27.3)
- CMYK
- cmyk(0% 41% 43% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FEA09B
- FFABA6
- FFB6B1
- FFC0BC
- FFCBC7
- FFD5D2
- FFE0DD
- FFEAE8
- FFF5F4
Sắc đậm
- DC817D
- BC6D6A
- 9D5A57
- 7F4845
- 623734
- 472624
- 2D1615
- 160807
- 030101
Sắc xám
- F1938F
- E4928D
- D8908C
- CC8E8A
- BF8C88
- B38A87
- A68885
- 9A8584
- 8D8382
Hòa sắc
Bổ túc +180°
- FD9590
Vinaceous
- 28CEDB
≈ Jade Glass
Tương đồng -30° +30°
- FD9590
Vinaceous
- F594BD
≈ Pastel Magenta
- F59F66
≈ Brushed Orange
Bộ ba +120° +240°
- FD9590
Vinaceous
- 84CB81
≈ De York
- 91B6FF
≈ Carolina Blue
Bổ túc chia +150° +210°
- FD9590
Vinaceous
- 4AD1AF
≈ Simply Aqua
- 56C4FA
≈ Blue Mana
Bộ bốn +90° +180° +270°
- FD9590
Vinaceous
- B7BF5A
≈ Sativa
- 28CEDB
≈ Jade Glass
- BAA7FF
≈ Winterspring Lilac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.12:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.87:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.87:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--vinaceous: #fd9590;
--vinaceous-rgb: 253 149 144;
--vinaceous-oklch: oklch(0.778 0.126 23.3);
}
.element {
color: var(--vinaceous);
background-color: hsl(3 96% 78%);
border-color: oklch(0.778 0.126 23.3);
}Tailwind CSS v4
@theme {
--color-vinaceous: #fd9590;
--color-vinaceous-50: #ffe8e3;
--color-vinaceous-100: #ffd8d3;
--color-vinaceous-200: #ffc0b9;
--color-vinaceous-300: #f19e96;
--color-vinaceous-400: #df7f7b;
--color-vinaceous-500: #cc605d;
--color-vinaceous-600: #ad524f;
--color-vinaceous-700: #8b413f;
--color-vinaceous-800: #672e2f;
--color-vinaceous-900: #491f20;
--color-vinaceous-950: #2f0f0f;
}SCSS
$vinaceous: #fd9590;
$vinaceous-rgb: 253, 149, 144;
$vinaceous-light: mix(#fff, $vinaceous, 20%);
$vinaceous-dark: mix(#000, $vinaceous, 20%);
.element {
color: $vinaceous;
box-shadow: 0 0 0 2px rgba($vinaceous, 0.35);
}