Màu có tên · #DD484E
Re-Entry
Re-Entry là #DD484E: rgb(221 72 78), hsl(358 69% 57%), oklch(0.613 0.185 22.3). 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? → · Re-Entry color name →
#DD484E
oklch(0.613 0.185 22.3)
Chuyển đổi màu
- HEX
- #dd484e
- RGB
- rgb(221 72 78)
- HSL
- hsl(358 69% 57%)
- HWB
- hwb(358 28% 13%)
- OKLCH
- oklch(0.613 0.185 22.3)
- OKLab
- oklab(0.613 0.171 0.07)
- CIE Lab
- lab(53.16 58.94 31.05)
- LCH
- lch(53.16 66.62 27.8)
- CMYK
- cmyk(0% 67% 65% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E35E5F
- E97270
- EE8482
- F29693
- F6A8A5
- F9BAB6
- FCCBC8
- FEDCDA
- FFEEED
Sắc đậm
- C03D43
- A43338
- 88292D
- 6E1F23
- 551619
- 3D0D0F
- 260607
- 110202
- 020000
Sắc xám
- D55154
- CD5959
- C4605E
- BC6664
- B36B69
- AA706D
- A07472
- 967977
- 8B7C7B
Hòa sắc
Bổ túc +180°
- DD484E
Re-Entry
- 00969F
≈ Peacock Feather
Tương đồng -30° +30°
- DD484E
Re-Entry
- D2498F
≈ Kirby
- CA6300
≈ Curry Powder
Bộ ba +120° +240°
- DD484E
Re-Entry
- 2C9E26
≈ Grass Is Greener
- 437DF1
≈ Dodger Blue
Bổ túc chia +150° +210°
- DD484E
Re-Entry
- 009A7C
≈ Paolo Veronese Green
- 0090C2
≈ Blue to the Bone
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 4.10:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.11:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.11:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
CSS
:root {
--re-entry: #dd484e;
--re-entry-rgb: 221 72 78;
--re-entry-oklch: oklch(0.613 0.185 22.3);
}
.element {
color: var(--re-entry);
background-color: hsl(358 69% 57%);
border-color: oklch(0.613 0.185 22.3);
}Tailwind CSS v4
@theme {
--color-re-entry: #dd484e;
--color-re-entry-50: #ffe1db;
--color-re-entry-100: #ffd0ca;
--color-re-entry-200: #ffb5ad;
--color-re-entry-300: #ff8e88;
--color-re-entry-400: #f8696b;
--color-re-entry-500: #e73f4a;
--color-re-entry-600: #c3383f;
--color-re-entry-700: #9d2c32;
--color-re-entry-800: #751e26;
--color-re-entry-900: #531419;
--color-re-entry-950: #37040a;
}SCSS
$re-entry: #dd484e;
$re-entry-rgb: 221, 72, 78;
$re-entry-light: mix(#fff, $re-entry, 20%);
$re-entry-dark: mix(#000, $re-entry, 20%);
.element {
color: $re-entry;
box-shadow: 0 0 0 2px rgba($re-entry, 0.35);
}