이름 색상 · #EF4026
Tomato
Tomato은(는) #EF4026: rgb(239 64 38), hsl(8 86% 54%), oklch(0.63 0.215 31.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tomato color name →
#EF4026
oklch(0.63 0.215 31.5)
색상 변환
- HEX
- #ef4026
- RGB
- rgb(239 64 38)
- HSL
- hsl(8 86% 54%)
- HWB
- hwb(8 15% 6%)
- OKLCH
- oklch(0.63 0.215 31.5)
- OKLab
- oklab(0.63 0.183 0.112)
- CIE Lab
- lab(55.07 66.22 55.67)
- LCH
- lch(55.07 86.51 40.1)
- CMYK
- cmyk(0% 73% 84% 6%)
틴트 · 셰이드 · 톤
틴트
- F45A41
- F86F58
- FB836E
- FE9683
- FFA897
- FFBAAC
- FFCCC0
- FFDDD5
- FFEEEA
셰이드
- D03620
- B12D19
- 942413
- 781B0D
- 5C1308
- 420B04
- 2A0502
- 140101
- 030000
톤
- E54C34
- DB5640
- D15E4A
- C76553
- BC6B5C
- B17063
- A6756B
- 9A7972
- 8E7D79
색 조화
보색 +180°
- EF4026
Tomato
- 009AAF
≈ Caneel Bay
유사색 -30° +30°
- EF4026
Tomato
- E83A80
≈ Cerise Pink
- C67100
≈ Dirty Orange
삼각 배색 +120° +240°
분열 보색 +150° +210°
- EF4026
Tomato
- 009F8E
≈ On a Whim
- 0092DA
≈ Kahu Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.86:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.43:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.43:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--tomato: #ef4026;
--tomato-rgb: 239 64 38;
--tomato-oklch: oklch(0.63 0.215 31.5);
}
.element {
color: var(--tomato);
background-color: hsl(8 86% 54%);
border-color: oklch(0.63 0.215 31.5);
}Tailwind CSS v4
@theme {
--color-tomato: #ef4026;
--color-tomato-50: #ffdfcd;
--color-tomato-100: #ffceb9;
--color-tomato-200: #ffb197;
--color-tomato-300: #ff896b;
--color-tomato-400: #ff6046;
--color-tomato-500: #f42904;
--color-tomato-600: #ce270c;
--color-tomato-700: #a6200b;
--color-tomato-800: #7c130c;
--color-tomato-900: #580d07;
--color-tomato-950: #3b0000;
}SCSS
$tomato: #ef4026;
$tomato-rgb: 239, 64, 38;
$tomato-light: mix(#fff, $tomato, 20%);
$tomato-dark: mix(#000, $tomato, 20%);
.element {
color: $tomato;
box-shadow: 0 0 0 2px rgba($tomato, 0.35);
}