Màu có tên gần nhất · #D83636
#D83636
Màu có tên gần nhất: Red-Handed
#D83636 (rgb(216 54 54), hsl(0 68% 53%), oklch(0.583 0.199 25.9)) gần nhất với màu có tên Red-Handed. 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.
#D83636
oklch(0.583 0.199 25.9)
Chuyển đổi màu
- HEX
- #d83636
- RGB
- rgb(216 54 54)
- HSL
- hsl(0 68% 53%)
- HWB
- hwb(0 21% 15%)
- OKLCH
- oklch(0.583 0.199 25.9)
- OKLab
- oklab(0.583 0.179 0.087)
- CIE Lab
- lab(49.67 62.7 40.62)
- LCH
- lch(49.67 74.71 32.9)
- CMYK
- cmyk(0% 75% 75% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DF514B
- E5675F
- EB7B73
- F08F86
- F4A29A
- F8B5AE
- FBC8C2
- FDDAD6
- FFEDEA
Sắc đậm
- BC2E2E
- A02525
- 851E1E
- 6B1616
- 530F0F
- 3B0808
- 250303
- 110101
- 020000
Sắc xám
- D1433F
- C94E48
- C25650
- BA5E57
- B1655E
- A96B65
- 9F716C
- 967673
- 8B7B79
Hòa sắc
Bổ túc +180°
- D83636
Red-Handed
- 008C98
≈ Tempo Teal
Tương đồng -30° +30°
- D83636
Red-Handed
- CF357F
≈ Fuchsia Purple
- B96000
≈ Super Leaf Brown
Bộ ba +120° +240°
- D83636
Red-Handed
- 00952E
≈ Irish Green
- 436FEF
≈ Bluetiful
Bổ túc chia +150° +210°
- D83636
Red-Handed
- 009079
≈ Dòu Lǜ Green
- 0085BB
≈ Dresden Blue
Bộ bốn +90° +180° +270°
- D83636
Red-Handed
- 788400
≈ Swamp Green
- 008C98
≈ Tempo Teal
- 8958E1
≈ Gloomy Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.66:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 31
Màu chữ tốt nhất: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--red-handed: #d83636;
--red-handed-rgb: 216 54 54;
--red-handed-oklch: oklch(0.583 0.199 25.9);
}
.element {
color: var(--red-handed);
background-color: hsl(0 68% 53%);
border-color: oklch(0.583 0.199 25.9);
}Tailwind CSS v4
@theme {
--color-red-handed: #d83636;
--color-red-handed-50: #ffe0d6;
--color-red-handed-100: #ffcfc3;
--color-red-handed-200: #ffb3a5;
--color-red-handed-300: #ff8c7d;
--color-red-handed-400: #fe655d;
--color-red-handed-500: #ed3638;
--color-red-handed-600: #c83031;
--color-red-handed-700: #a12726;
--color-red-handed-800: #78191d;
--color-red-handed-900: #551113;
--color-red-handed-950: #390205;
}SCSS
$red-handed: #d83636;
$red-handed-rgb: 216, 54, 54;
$red-handed-light: mix(#fff, $red-handed, 20%);
$red-handed-dark: mix(#000, $red-handed, 20%);
.element {
color: $red-handed;
box-shadow: 0 0 0 2px rgba($red-handed, 0.35);
}