Màu có tên gần nhất · #EC004A
#EC004A
Màu có tên gần nhất: Che Guevara Red
#EC004A (rgb(236 0 74), hsl(341 100% 46%), oklch(0.599 0.24 16.6)) gần nhất với màu có tên Che Guevara Red. 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.
#EC004A
oklch(0.599 0.24 16.6)
Chuyển đổi màu
- HEX
- #ec004a
- RGB
- rgb(236 0 74)
- HSL
- hsl(341 100% 46%)
- HWB
- hwb(341 0% 7%)
- OKLCH
- oklch(0.599 0.24 16.6)
- OKLab
- oklab(0.599 0.229 0.069)
- CIE Lab
- lab(50.78 77.31 31.39)
- LCH
- lch(50.78 83.44 22.1)
- CMYK
- cmyk(0% 100% 69% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F23C5C
- F75A6D
- FB727F
- FE8890
- FF9DA2
- FFB1B4
- FFC5C7
- FFD8D9
- FFECEC
Sắc đậm
- CD003F
- AF0035
- 92002A
- 760020
- 5B0017
- 42000E
- 290006
- 130002
- 030000
Sắc xám
- E32B50
- DA3E56
- D04B5C
- C75661
- BC5F66
- B2676C
- A76E71
- 9B7576
- 8E7B7B
Hòa sắc
Bổ túc +180°
- EC004A
Che Guevara Red
- 009294
≈ Lido Deck
Tương đồng -30° +30°
- EC004A
Che Guevara Red
- DA1D9C
≈ Melodramatic Magenta
- CC5800
≈ Tenné
Bộ ba +120° +240°
- EC004A
Che Guevara Red
- 459600
≈ Grass Is Greener
- 007AF9
≈ Blue Darknut
Bổ túc chia +150° +210°
- EC004A
Che Guevara Red
- 009670
≈ Cadaverous
- 008DB4
≈ Spinnaker Blue
Bộ bốn +90° +180° +270°
- EC004A
Che Guevara Red
- 8A8400
≈ Fickle Pickle
- 009294
≈ Lido Deck
- 7D5BFF
≈ Venetian Nights
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 68
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--che-guevara-red: #ec004a;
--che-guevara-red-rgb: 236 0 74;
--che-guevara-red-oklch: oklch(0.599 0.24 16.6);
}
.element {
color: var(--che-guevara-red);
background-color: hsl(341 100% 46%);
border-color: oklch(0.599 0.24 16.6);
}Tailwind CSS v4
@theme {
--color-che-guevara-red: #ec004a;
--color-che-guevara-red-50: #ffdada;
--color-che-guevara-red-100: #ffc7c9;
--color-che-guevara-red-200: #ffa8ac;
--color-che-guevara-red-300: #ff7c86;
--color-che-guevara-red-400: #ff4c6b;
--color-che-guevara-red-500: #fd004a;
--color-che-guevara-red-600: #d6003f;
--color-che-guevara-red-700: #ac0032;
--color-che-guevara-red-800: #810027;
--color-che-guevara-red-900: #5b001a;
--color-che-guevara-red-950: #3d000b;
}SCSS
$che-guevara-red: #ec004a;
$che-guevara-red-rgb: 236, 0, 74;
$che-guevara-red-light: mix(#fff, $che-guevara-red, 20%);
$che-guevara-red-dark: mix(#000, $che-guevara-red, 20%);
.element {
color: $che-guevara-red;
box-shadow: 0 0 0 2px rgba($che-guevara-red, 0.35);
}