Màu có tên gần nhất · #D4200F
#D4200F
Màu có tên gần nhất: Redsurrection
#D4200F (rgb(212 32 15), hsl(5 87% 45%), oklch(0.557 0.213 30.2)) gần nhất với màu có tên Redsurrection. 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.
#D4200F
oklch(0.557 0.213 30.2)
Chuyển đổi màu
- HEX
- #d4200f
- RGB
- rgb(212 32 15)
- HSL
- hsl(5 87% 45%)
- HWB
- hwb(5 6% 17%)
- OKLCH
- oklch(0.557 0.213 30.2)
- OKLab
- oklab(0.557 0.184 0.107)
- CIE Lab
- lab(46.6 66.46 56.55)
- LCH
- lch(46.6 87.27 40.4)
- CMYK
- cmyk(0% 85% 93% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DC4332
- E35D4B
- E97362
- EF8878
- F39D8E
- F8B1A4
- FBC4BB
- FDD8D1
- FFEBE8
Sắc đậm
- B81A0B
- 9D1508
- 830F05
- 690A03
- 510602
- 3A0301
- 240100
- 100000
- 020000
Sắc xám
- CD3524
- C74333
- BF4E3E
- B85749
- B06053
- A8675D
- 9F6E66
- 96756F
- 8B7A77
Hòa sắc
Bổ túc +180°
- D4200F
Redsurrection
- 008393
≈ Island Lush
Tương đồng -30° +30°
- D4200F
Redsurrection
- CD1A6E
≈ Xīpe Totēc Red
- AA5E00
≈ Raw Umber
Bộ ba +120° +240°
- D4200F
Redsurrection
- 008B3F
≈ Cold Green
- 4761EE
≈ The Rainbow Fish
Bổ túc chia +150° +210°
- D4200F
Redsurrection
- 008776
≈ Summer Turquoise
- 007BB7
≈ Star Command Blue
Bộ bốn +90° +180° +270°
- D4200F
Redsurrection
- 6A7E00
≈ Topiary Garden
- 008393
≈ Island Lush
- 8A48DB
≈ Gloomy Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.23:1 · APCA Lc 74
Ag
FailTrên nền đen
WCAG 4.01:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--redsurrection: #d4200f;
--redsurrection-rgb: 212 32 15;
--redsurrection-oklch: oklch(0.557 0.213 30.2);
}
.element {
color: var(--redsurrection);
background-color: hsl(5 87% 45%);
border-color: oklch(0.557 0.213 30.2);
}Tailwind CSS v4
@theme {
--color-redsurrection: #d4200f;
--color-redsurrection-50: #ffdfcf;
--color-redsurrection-100: #ffcebb;
--color-redsurrection-200: #ffb19a;
--color-redsurrection-300: #ff896f;
--color-redsurrection-400: #ff604b;
--color-redsurrection-500: #f32a16;
--color-redsurrection-600: #cd2717;
--color-redsurrection-700: #a52013;
--color-redsurrection-800: #7c1410;
--color-redsurrection-900: #580d0a;
--color-redsurrection-950: #3b0001;
}SCSS
$redsurrection: #d4200f;
$redsurrection-rgb: 212, 32, 15;
$redsurrection-light: mix(#fff, $redsurrection, 20%);
$redsurrection-dark: mix(#000, $redsurrection, 20%);
.element {
color: $redsurrection;
box-shadow: 0 0 0 2px rgba($redsurrection, 0.35);
}