이름 색상 · #EE4433
Cascara
Cascara은(는) #EE4433: rgb(238 68 51), hsl(5 85% 57%), oklch(0.633 0.209 29.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cascara color name →
#EE4433
oklch(0.633 0.209 29.7)
색상 변환
- HEX
- #ee4433
- RGB
- rgb(238 68 51)
- HSL
- hsl(5 85% 57%)
- HWB
- hwb(5 20% 7%)
- OKLCH
- oklch(0.633 0.209 29.7)
- OKLab
- oklab(0.633 0.182 0.104)
- CIE Lab
- lab(55.45 64.87 49.57)
- LCH
- lch(55.45 81.64 37.4)
- CMYK
- cmyk(0% 71% 79% 7%)
틴트 · 셰이드 · 톤
틴트
- F35C4A
- F7715F
- FA8574
- FD9787
- FFA99B
- FFBBAF
- FFCCC3
- FFDDD7
- FFEEEB
셰이드
- CF3A2B
- B13023
- 93261C
- 771D14
- 5C140D
- 420C07
- 2A0503
- 140201
- 030000
톤
- E44F3E
- DB5847
- D05F50
- C66658
- BC6C5F
- B17166
- A6756D
- 9A7974
- 8D7D7A
색 조화
보색 +180°
- EE4433
Cascara
- 009CAE
≈ Lake Blue
유사색 -30° +30°
- EE4433
Cascara
- E64086
≈ Christmas Pink
- CA7000
≈ Sludge
삼각 배색 +120° +240°
- EE4433
Cascara
- 00A64B
≈ Liberty Green
- 5D7DFF
≈ C64 NTSC
분열 보색 +150° +210°
- EE4433
Cascara
- 00A08C
≈ Turquish
- 0093D8
≈ Kahu Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.81:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.51:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.51:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--cascara: #ee4433;
--cascara-rgb: 238 68 51;
--cascara-oklch: oklch(0.633 0.209 29.7);
}
.element {
color: var(--cascara);
background-color: hsl(5 85% 57%);
border-color: oklch(0.633 0.209 29.7);
}Tailwind CSS v4
@theme {
--color-cascara: #ee4433;
--color-cascara-50: #ffe0d0;
--color-cascara-100: #ffcebc;
--color-cascara-200: #ffb19c;
--color-cascara-300: #ff8a71;
--color-cascara-400: #ff614e;
--color-cascara-500: #f12e1e;
--color-cascara-600: #cc2a1d;
--color-cascara-700: #a42217;
--color-cascara-800: #7b1613;
--color-cascara-900: #570f0c;
--color-cascara-950: #3a0001;
}SCSS
$cascara: #ee4433;
$cascara-rgb: 238, 68, 51;
$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);
}