이름 색상 · #E84A2E
Tomato Curry
Tomato Curry은(는) #E84A2E: rgb(232 74 46), hsl(9 80% 55%), oklch(0.629 0.199 32.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tomato Curry color name →
#E84A2E
oklch(0.629 0.199 32.4)
색상 변환
- HEX
- #e84a2e
- RGB
- rgb(232 74 46)
- HSL
- hsl(9 80% 55%)
- HWB
- hwb(9 18% 9%)
- OKLCH
- oklch(0.629 0.199 32.4)
- OKLab
- oklab(0.629 0.168 0.107)
- CIE Lab
- lab(55.1 60.79 51.28)
- LCH
- lch(55.1 79.54 40.1)
- CMYK
- cmyk(0% 68% 80% 9%)
틴트 · 셰이드 · 톤
틴트
- ED6047
- F2745C
- F68771
- F99985
- FCAB99
- FEBCAE
- FFCDC2
- FFDED6
- FFEEEA
셰이드
- CA3F27
- AC351F
- 902A18
- 742012
- 59170B
- 400E06
- 290602
- 130201
- 030000
톤
- DF533A
- D65B44
- CC624D
- C26856
- B86D5E
- AE7265
- A3766C
- 987A73
- 8D7D7A
색 조화
보색 +180°
- E84A2E
Tomato Curry
- 009AB0
≈ Caneel Bay
유사색 -30° +30°
- E84A2E
Tomato Curry
- E3447E
≈ Christmas Pink
- C57100
≈ Dirty Orange
삼각 배색 +120° +240°
- E84A2E
Tomato Curry
- 00A455
≈ Full Energy
- 6379FF
≈ Byzantine Night Blue
분열 보색 +150° +210°
- E84A2E
Tomato Curry
- 009E8E
≈ On a Whim
- 0091DB
≈ Kahu Blue
사각 배색 +90° +180° +270°
- E84A2E
Tomato Curry
- 799600
≈ Mossy Woods
- 009AB0
≈ Caneel Bay
- A162EA
≈ Orion Nebula
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.85:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.45:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.45:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--tomato-curry: #e84a2e;
--tomato-curry-rgb: 232 74 46;
--tomato-curry-oklch: oklch(0.629 0.199 32.4);
}
.element {
color: var(--tomato-curry);
background-color: hsl(9 80% 55%);
border-color: oklch(0.629 0.199 32.4);
}Tailwind CSS v4
@theme {
--color-tomato-curry: #e84a2e;
--color-tomato-curry-50: #ffe1cf;
--color-tomato-curry-100: #ffd0bc;
--color-tomato-curry-200: #ffb49b;
--color-tomato-curry-300: #ff8e70;
--color-tomato-curry-400: #fe674c;
--color-tomato-curry-500: #ed3a18;
--color-tomato-curry-600: #c83318;
--color-tomato-curry-700: #a12914;
--color-tomato-curry-800: #781b11;
--color-tomato-curry-900: #55120a;
--color-tomato-curry-950: #390301;
}SCSS
$tomato-curry: #e84a2e;
$tomato-curry-rgb: 232, 74, 46;
$tomato-curry-light: mix(#fff, $tomato-curry, 20%);
$tomato-curry-dark: mix(#000, $tomato-curry, 20%);
.element {
color: $tomato-curry;
box-shadow: 0 0 0 2px rgba($tomato-curry, 0.35);
}