Màu có tên gần nhất · #DA3B34
#DA3B34
Màu có tên gần nhất: Bacon Strips
#DA3B34 (rgb(218 59 52), hsl(3 69% 53%), oklch(0.591 0.197 27.6)) gần nhất với màu có tên Bacon Strips. 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.
#DA3B34
oklch(0.591 0.197 27.6)
Chuyển đổi màu
- HEX
- #da3b34
- RGB
- rgb(218 59 52)
- HSL
- hsl(3 69% 53%)
- HWB
- hwb(3 20% 15%)
- OKLCH
- oklch(0.591 0.197 27.6)
- OKLab
- oklab(0.591 0.175 0.091)
- CIE Lab
- lab(50.62 61.69 42.84)
- LCH
- lch(50.62 75.11 34.8)
- CMYK
- cmyk(0% 73% 76% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1544A
- E76A5E
- EC7E72
- F19186
- F5A499
- F9B6AD
- FBC9C1
- FDDBD6
- FFEDEA
Sắc đậm
- BD322C
- A22924
- 87211C
- 6C1915
- 54110E
- 3C0907
- 250403
- 110101
- 020000
Sắc xám
- D2473E
- CB5147
- C3594F
- BB6057
- B2675E
- A96D65
- A0726C
- 967773
- 8B7C79
Hòa sắc
Bổ túc +180°
- DA3B34
Bacon Strips
- 008E9D
≈ Coral Coast
Tương đồng -30° +30°
- DA3B34
Bacon Strips
- D2397E
≈ Pink Yarrow
- BA6400
≈ Camel Fur
Bộ ba +120° +240°
- DA3B34
Bacon Strips
- 009739
≈ Peppermint Toad
- 4B71F1
≈ Blue Öyster Cult
Bổ túc chia +150° +210°
- DA3B34
Bacon Strips
- 00927D
≈ Aqua Waters
- 0087C1
≈ Forget-Me-Not
Bộ bốn +90° +180° +270°
- DA3B34
Bacon Strips
- 788700
≈ Elwynn Forest Olive
- 008E9D
≈ Coral Coast
- 8E5AE1
≈ Gloomy Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.51:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--bacon-strips: #da3b34;
--bacon-strips-rgb: 218 59 52;
--bacon-strips-oklch: oklch(0.591 0.197 27.6);
}
.element {
color: var(--bacon-strips);
background-color: hsl(3 69% 53%);
border-color: oklch(0.591 0.197 27.6);
}Tailwind CSS v4
@theme {
--color-bacon-strips: #da3b34;
--color-bacon-strips-50: #ffe1d4;
--color-bacon-strips-100: #ffd0c2;
--color-bacon-strips-200: #ffb3a3;
--color-bacon-strips-300: #ff8d7a;
--color-bacon-strips-400: #fd665a;
--color-bacon-strips-500: #ec3833;
--color-bacon-strips-600: #c8322c;
--color-bacon-strips-700: #a12823;
--color-bacon-strips-800: #781b1b;
--color-bacon-strips-900: #551211;
--color-bacon-strips-950: #390304;
}SCSS
$bacon-strips: #da3b34;
$bacon-strips-rgb: 218, 59, 52;
$bacon-strips-light: mix(#fff, $bacon-strips, 20%);
$bacon-strips-dark: mix(#000, $bacon-strips, 20%);
.element {
color: $bacon-strips;
box-shadow: 0 0 0 2px rgba($bacon-strips, 0.35);
}