가장 가까운 이름 색상 · #EC4E35
#EC4E35
가장 가까운 이름 색상: Cascara
#EC4E35(rgb(236 78 53), hsl(8 83% 57%), oklch(0.64 0.198 31.7))와 가장 가까운 이름 색상은 Cascara입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EC4E35
oklch(0.64 0.198 31.7)
색상 변환
- HEX
- #ec4e35
- RGB
- rgb(236 78 53)
- HSL
- hsl(8 83% 57%)
- HWB
- hwb(8 21% 7%)
- OKLCH
- oklch(0.64 0.198 31.7)
- OKLab
- oklab(0.64 0.169 0.104)
- CIE Lab
- lab(56.43 60.78 49.31)
- LCH
- lch(56.43 78.26 39.1)
- CMYK
- cmyk(0% 67% 78% 7%)
틴트 · 셰이드 · 톤
틴트
- F1644C
- F57761
- F88A75
- FB9B89
- FEAC9C
- FFBDB0
- FFCEC3
- FFDED7
- FFEFEB
셰이드
- CD432D
- AF3825
- 922D1D
- 762315
- 5B190E
- 420F08
- 290703
- 130201
- 030000
톤
- E25740
- D95E49
- CF6451
- C56A59
- BA6F60
- B07367
- A4776E
- 997A74
- 8D7D7A
색 조화
보색 +180°
- EC4E35
Cascara
- 009EB3
≈ Lake Blue
유사색 -30° +30°
- EC4E35
Cascara
- E64883
≈ Kacey’s Pink
- CA7400
≈ Dirty Orange
삼각 배색 +120° +240°
- EC4E35
Cascara
- 00A854
≈ Rita Repulsa
- 657EFF
≈ Byzantine Night Blue
분열 보색 +150° +210°
- EC4E35
Cascara
- 00A291
≈ Turquish
- 0095DF
≈ Atmosphere
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.67:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.70:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--cascara: #ec4e35;
--cascara-rgb: 236 78 53;
--cascara-oklch: oklch(0.64 0.198 31.7);
}
.element {
color: var(--cascara);
background-color: hsl(8 83% 57%);
border-color: oklch(0.64 0.198 31.7);
}Tailwind CSS v4
@theme {
--color-cascara: #ec4e35;
--color-cascara-50: #ffe1d0;
--color-cascara-100: #ffd0bd;
--color-cascara-200: #ffb49c;
--color-cascara-300: #ff8e71;
--color-cascara-400: #fe674e;
--color-cascara-500: #ed3a1e;
--color-cascara-600: #c8331c;
--color-cascara-700: #a12917;
--color-cascara-800: #781b12;
--color-cascara-900: #55120c;
--color-cascara-950: #390301;
}SCSS
$cascara: #ec4e35;
$cascara-rgb: 236, 78, 53;
$cascara-light: mix(#fff, $cascara, 20%);
$cascara-dark: mix(#000, $cascara, 20%);
.element {
color: $cascara;
box-shadow: 0 0 0 2px rgba($cascara, 0.35);
}