Adlandırılmış renk · #E44458
Tomato Sceptre
Tomato Sceptre, #E44458: rgb(228 68 88), hsl(353 75% 58%), oklch(0.622 0.196 18.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Tomato Sceptre color name →
#E44458
oklch(0.622 0.196 18.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EA5B68
- EF7078
- F38388
- F79699
- FAA8A9
- FDB9BA
- FECBCB
- FFDCDC
- FFEEED
Koyu tonlar
- C63A4B
- A9303F
- 8D2633
- 721D28
- 58141D
- 3F0C12
- 280509
- 120203
- 030000
Gri tonlar
- DB4E5C
- D35761
- C95E65
- C06569
- B76A6D
- AD6F71
- A27475
- 987879
- 8C7C7C
Renk uyumları
Tamamlayıcı +180°
- E44458
Tomato Sceptre
- 009A9E
≈ Riviera Paradise
Analog -30° +30°
- E44458
Tomato Sceptre
- D6489B
≈ Kirby
- D45F00
≈ Exuberance
Üçlü +120° +240°
- E44458
Tomato Sceptre
- 40A000
≈ Grassy Green
- 2D82F9
≈ Dodger Blue
Bölünmüş tamamlayıcı +150° +210°
- E44458
Tomato Sceptre
- 009E78
≈ Holly Green
- 0094C0
≈ Surf Rider
Dörtlü +90° +180° +270°
- E44458
Tomato Sceptre
- 8F8C00
≈ Old Asparagus
- 009A9E
≈ Riviera Paradise
- 856BF3
≈ Medium Slate Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.98:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.26:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.26:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
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);
}