이름 색상 · #E44458
Tomato Sceptre
Tomato Sceptre은(는) #E44458: rgb(228 68 88), hsl(353 75% 58%), oklch(0.622 0.196 18.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tomato Sceptre color name →
#E44458
oklch(0.622 0.196 18.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EA5B68
- EF7078
- F38388
- F79699
- FAA8A9
- FDB9BA
- FECBCB
- FFDCDC
- FFEEED
셰이드
- C63A4B
- A9303F
- 8D2633
- 721D28
- 58141D
- 3F0C12
- 280509
- 120203
- 030000
톤
- DB4E5C
- D35761
- C95E65
- C06569
- B76A6D
- AD6F71
- A27475
- 987879
- 8C7C7C
색 조화
보색 +180°
- E44458
Tomato Sceptre
- 009A9E
≈ Riviera Paradise
유사색 -30° +30°
- E44458
Tomato Sceptre
- D6489B
≈ Kirby
- D45F00
≈ Exuberance
삼각 배색 +120° +240°
- E44458
Tomato Sceptre
- 40A000
≈ Grassy Green
- 2D82F9
≈ Dodger Blue
분열 보색 +150° +210°
- E44458
Tomato Sceptre
- 009E78
≈ Holly Green
- 0094C0
≈ Surf Rider
사각 배색 +90° +180° +270°
- E44458
Tomato Sceptre
- 8F8C00
≈ Old Asparagus
- 009A9E
≈ Riviera Paradise
- 856BF3
≈ Medium Slate Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.98:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.26:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.26:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
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);
}