이름 색상 · #EC4236
Chilled Chilly
Chilled Chilly은(는) #EC4236: rgb(236 66 54), hsl(4 83% 57%), oklch(0.628 0.208 28.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Chilled Chilly color name →
#EC4236
oklch(0.628 0.208 28.6)
색상 변환
- HEX
- #ec4236
- RGB
- rgb(236 66 54)
- HSL
- hsl(4 83% 57%)
- HWB
- hwb(4 21% 7%)
- OKLCH
- oklch(0.628 0.208 28.6)
- OKLab
- oklab(0.628 0.183 0.1)
- CIE Lab
- lab(54.86 64.98 47.28)
- LCH
- lch(54.86 80.36 36)
- CMYK
- cmyk(0% 72% 77% 7%)
틴트 · 셰이드 · 톤
틴트
- F15B4C
- F57061
- F98475
- FC9688
- FFA89C
- FFBAAF
- FFCBC3
- FFDDD7
- FFEEEB
셰이드
- CD382E
- AF2F25
- 92251E
- 761C16
- 5B140F
- 420B08
- 290503
- 130101
- 030000
톤
- E34D40
- D95649
- CF5E51
- C56559
- BB6B60
- B07067
- A5756D
- 997974
- 8D7D7A
색 조화
보색 +180°
- EC4236
Chilled Chilly
- 009AAB
≈ Aquarium Diver
유사색 -30° +30°
- EC4236
Chilled Chilly
- E43F87
≈ Christmas Pink
- C96E00
≈ Sludge
삼각 배색 +120° +240°
- EC4236
Chilled Chilly
- 00A444
≈ Poetic Green
- 587CFF
≈ C64 NTSC
분열 보색 +150° +210°
- EC4236
Chilled Chilly
- 009F89
≈ Reptilian Green
- 0092D3
≈ Sea of Crete
사각 배색 +90° +180° +270°
- EC4236
Chilled Chilly
- 809400
≈ Mossy Woods
- 009AAB
≈ Aquarium Diver
- 9C62F3
≈ Orion Nebula
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.88:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.39:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.39:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--chilled-chilly: #ec4236;
--chilled-chilly-rgb: 236 66 54;
--chilled-chilly-oklch: oklch(0.628 0.208 28.6);
}
.element {
color: var(--chilled-chilly);
background-color: hsl(4 83% 57%);
border-color: oklch(0.628 0.208 28.6);
}Tailwind CSS v4
@theme {
--color-chilled-chilly: #ec4236;
--color-chilled-chilly-50: #ffe0d1;
--color-chilled-chilly-100: #ffcebe;
--color-chilled-chilly-200: #ffb19e;
--color-chilled-chilly-300: #ff8a74;
--color-chilled-chilly-400: #ff6152;
--color-chilled-chilly-500: #f12e26;
--color-chilled-chilly-600: #cc2a22;
--color-chilled-chilly-700: #a4221b;
--color-chilled-chilly-800: #7b1616;
--color-chilled-chilly-900: #570f0e;
--color-chilled-chilly-950: #3a0002;
}SCSS
$chilled-chilly: #ec4236;
$chilled-chilly-rgb: 236, 66, 54;
$chilled-chilly-light: mix(#fff, $chilled-chilly, 20%);
$chilled-chilly-dark: mix(#000, $chilled-chilly, 20%);
.element {
color: $chilled-chilly;
box-shadow: 0 0 0 2px rgba($chilled-chilly, 0.35);
}