Màu có tên gần nhất · #DC2A5A
#DC2A5A
Màu có tên gần nhất: Radiant Raspberry
#DC2A5A (rgb(220 42 90), hsl(344 72% 51%), oklch(0.588 0.211 12.1)) gần nhất với màu có tên Radiant Raspberry. 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.
#DC2A5A
oklch(0.588 0.211 12.1)
Chuyển đổi màu
- HEX
- #dc2a5a
- RGB
- rgb(220 42 90)
- HSL
- hsl(344 72% 51%)
- HWB
- hwb(344 16% 14%)
- OKLCH
- oklch(0.588 0.211 12.1)
- OKLab
- oklab(0.588 0.206 0.044)
- CIE Lab
- lab(49.74 68.34 19.51)
- LCH
- lch(49.74 71.07 15.9)
- CMYK
- cmyk(0% 81% 59% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E34969
- E96179
- EE7789
- F38B99
- F79FAA
- FAB3BA
- FDC6CB
- FFD9DC
- FFECED
Sắc đậm
- BF234D
- A31C41
- 881635
- 6E1029
- 540A1E
- 3C0513
- 260209
- 110103
- 020000
Sắc xám
- D43B5E
- CD4762
- C55266
- BC5B6A
- B4626D
- AB6971
- A17075
- 977579
- 8C7B7C
Hòa sắc
Bổ túc +180°
- DC2A5A
Radiant Raspberry
- 008F8C
≈ Corfu Shallows
Tương đồng -30° +30°
- DC2A5A
Radiant Raspberry
- C9359E
≈ Royal Fuchsia
- CE4D00
≈ Ōkaihau Express
Bộ ba +120° +240°
- DC2A5A
Radiant Raspberry
- 558F00
≈ Pistachio Flour
- 007DE1
≈ Soothing Sapphire
Bổ túc chia +150° +210°
- DC2A5A
Radiant Raspberry
- 009365
≈ Emerald Lake
- 008AAB
≈ Corfu Waters
Bộ bốn +90° +180° +270°
- DC2A5A
Radiant Raspberry
- 8B7E00
≈ Moscow Papyrus
- 008F8C
≈ Corfu Shallows
- 6F61F3
≈ Blue Hepatica
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.64:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.52:1 · APCA Lc 31
Màu chữ tốt nhất: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--radiant-raspberry: #dc2a5a;
--radiant-raspberry-rgb: 220 42 90;
--radiant-raspberry-oklch: oklch(0.588 0.211 12.1);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(344 72% 51%);
border-color: oklch(0.588 0.211 12.1);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #dc2a5a;
--color-radiant-raspberry-50: #ffdde3;
--color-radiant-raspberry-100: #ffcbd2;
--color-radiant-raspberry-200: #ffadb9;
--color-radiant-raspberry-300: #ff8596;
--color-radiant-raspberry-400: #ff5c7c;
--color-radiant-raspberry-500: #f02360;
--color-radiant-raspberry-600: #cb2351;
--color-radiant-raspberry-700: #a31c41;
--color-radiant-raspberry-800: #7a1231;
--color-radiant-raspberry-900: #560c21;
--color-radiant-raspberry-950: #390011;
}SCSS
$radiant-raspberry: #dc2a5a;
$radiant-raspberry-rgb: 220, 42, 90;
$radiant-raspberry-light: mix(#fff, $radiant-raspberry, 20%);
$radiant-raspberry-dark: mix(#000, $radiant-raspberry, 20%);
.element {
color: $radiant-raspberry;
box-shadow: 0 0 0 2px rgba($radiant-raspberry, 0.35);
}