Màu có tên gần nhất · #EC4E35
#EC4E35
Màu có tên gần nhất: Cascara
#EC4E35 (rgb(236 78 53), hsl(8 83% 57%), oklch(0.64 0.198 31.7)) gần nhất với màu có tên Cascara. 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.
#EC4E35
oklch(0.64 0.198 31.7)
Chuyển đổi màu
- HEX
- #ec4e35
- RGB
- rgb(236 78 53)
- HSL
- hsl(8 83% 57%)
- HWB
- hwb(8 21% 7%)
- OKLCH
- oklch(0.64 0.198 31.7)
- OKLab
- oklab(0.64 0.169 0.104)
- CIE Lab
- lab(56.43 60.78 49.31)
- LCH
- lch(56.43 78.26 39.1)
- CMYK
- cmyk(0% 67% 78% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F1644C
- F57761
- F88A75
- FB9B89
- FEAC9C
- FFBDB0
- FFCEC3
- FFDED7
- FFEFEB
Sắc đậm
- CD432D
- AF3825
- 922D1D
- 762315
- 5B190E
- 420F08
- 290703
- 130201
- 030000
Sắc xám
- E25740
- D95E49
- CF6451
- C56A59
- BA6F60
- B07367
- A4776E
- 997A74
- 8D7D7A
Hòa sắc
Bổ túc +180°
- EC4E35
Cascara
- 009EB3
≈ Lake Blue
Tương đồng -30° +30°
- EC4E35
Cascara
- E64883
≈ Kacey’s Pink
- CA7400
≈ Dirty Orange
Bộ ba +120° +240°
- EC4E35
Cascara
- 00A854
≈ Rita Repulsa
- 657EFF
≈ Byzantine Night Blue
Bổ túc chia +150° +210°
- EC4E35
Cascara
- 00A291
≈ Turquish
- 0095DF
≈ Atmosphere
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 3.67:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.70:1 · APCA Lc 38
Màu chữ tốt nhất: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Đoạn mã
CSS
:root {
--cascara: #ec4e35;
--cascara-rgb: 236 78 53;
--cascara-oklch: oklch(0.64 0.198 31.7);
}
.element {
color: var(--cascara);
background-color: hsl(8 83% 57%);
border-color: oklch(0.64 0.198 31.7);
}Tailwind CSS v4
@theme {
--color-cascara: #ec4e35;
--color-cascara-50: #ffe1d0;
--color-cascara-100: #ffd0bd;
--color-cascara-200: #ffb49c;
--color-cascara-300: #ff8e71;
--color-cascara-400: #fe674e;
--color-cascara-500: #ed3a1e;
--color-cascara-600: #c8331c;
--color-cascara-700: #a12917;
--color-cascara-800: #781b12;
--color-cascara-900: #55120c;
--color-cascara-950: #390301;
}SCSS
$cascara: #ec4e35;
$cascara-rgb: 236, 78, 53;
$cascara-light: mix(#fff, $cascara, 20%);
$cascara-dark: mix(#000, $cascara, 20%);
.element {
color: $cascara;
box-shadow: 0 0 0 2px rgba($cascara, 0.35);
}