Màu có tên · #E44458
Tomato Sceptre
Tomato Sceptre là #E44458: rgb(228 68 88), hsl(353 75% 58%), oklch(0.622 0.196 18.1). 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.
What does Red mean? → · Tomato Sceptre color name →
#E44458
oklch(0.622 0.196 18.1)
Chuyển đổi màu
- HEX
- #e44458
- RGB
- rgb(228 68 88)
- HSL
- hsl(353 75% 58%)
- HWB
- hwb(353 27% 11%)
- OKLCH
- oklch(0.622 0.196 18.1)
- OKLab
- oklab(0.622 0.186 0.061)
- CIE Lab
- lab(54.02 62.98 26.57)
- LCH
- lch(54.02 68.36 22.9)
- CMYK
- cmyk(0% 70% 61% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EA5B68
- EF7078
- F38388
- F79699
- FAA8A9
- FDB9BA
- FECBCB
- FFDCDC
- FFEEED
Sắc đậm
- C63A4B
- A9303F
- 8D2633
- 721D28
- 58141D
- 3F0C12
- 280509
- 120203
- 030000
Sắc xám
- DB4E5C
- D35761
- C95E65
- C06569
- B76A6D
- AD6F71
- A27475
- 987879
- 8C7C7C
Hòa sắc
Bổ túc +180°
- E44458
Tomato Sceptre
- 009A9E
≈ Riviera Paradise
Tương đồng -30° +30°
- E44458
Tomato Sceptre
- D6489B
≈ Kirby
- D45F00
≈ Exuberance
Bộ ba +120° +240°
- E44458
Tomato Sceptre
- 40A000
≈ Grassy Green
- 2D82F9
≈ Dodger Blue
Bổ túc chia +150° +210°
- E44458
Tomato Sceptre
- 009E78
≈ Holly Green
- 0094C0
≈ Surf Rider
Bộ bốn +90° +180° +270°
- E44458
Tomato Sceptre
- 8F8C00
≈ Old Asparagus
- 009A9E
≈ Riviera Paradise
- 856BF3
≈ Medium Slate Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.98:1 · APCA Lc 66
Ag
AATrên nền đen
WCAG 5.26:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.26:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--tomato-sceptre: #e44458;
--tomato-sceptre-rgb: 228 68 88;
--tomato-sceptre-oklch: oklch(0.622 0.196 18.1);
}
.element {
color: var(--tomato-sceptre);
background-color: hsl(353 75% 58%);
border-color: oklch(0.622 0.196 18.1);
}Tailwind CSS v4
@theme {
--color-tomato-sceptre: #e44458;
--color-tomato-sceptre-50: #ffe0de;
--color-tomato-sceptre-100: #ffcecd;
--color-tomato-sceptre-200: #ffb2b1;
--color-tomato-sceptre-300: #ff8a8d;
--color-tomato-sceptre-400: #fc6471;
--color-tomato-sceptre-500: #eb3552;
--color-tomato-sceptre-600: #c63046;
--color-tomato-sceptre-700: #a02638;
--color-tomato-sceptre-800: #771a2a;
--color-tomato-sceptre-900: #54111c;
--color-tomato-sceptre-950: #38020d;
}SCSS
$tomato-sceptre: #e44458;
$tomato-sceptre-rgb: 228, 68, 88;
$tomato-sceptre-light: mix(#fff, $tomato-sceptre, 20%);
$tomato-sceptre-dark: mix(#000, $tomato-sceptre, 20%);
.element {
color: $tomato-sceptre;
box-shadow: 0 0 0 2px rgba($tomato-sceptre, 0.35);
}