이름 색상 · #E34244
Vermilion Cinnabar
Vermilion Cinnabar은(는) #E34244: rgb(227 66 68), hsl(359 74% 57%), oklch(0.615 0.198 24.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vermilion Cinnabar color name →
#E34244
oklch(0.615 0.198 24.5)
색상 변환
- HEX
- #e34244
- RGB
- rgb(227 66 68)
- HSL
- hsl(359 74% 57%)
- HWB
- hwb(359 26% 11%)
- OKLCH
- oklch(0.615 0.198 24.5)
- OKLab
- oklab(0.615 0.18 0.082)
- CIE Lab
- lab(53.33 62.6 37.34)
- LCH
- lch(53.33 72.89 30.8)
- CMYK
- cmyk(0% 71% 70% 11%)
틴트 · 셰이드 · 톤
틴트
- E95A57
- EE6F69
- F2827C
- F6958E
- FAA7A0
- FCB9B3
- FECBC6
- FFDCD9
- FFEEEC
셰이드
- C5383A
- A82F30
- 8C2526
- 711C1D
- 571414
- 3F0B0C
- 270505
- 120102
- 030000
톤
- DA4D4B
- D25652
- C95D58
- C0645F
- B66A65
- AD6F6A
- A27470
- 987875
- 8C7C7B
색 조화
보색 +180°
- E34244
Vermilion Cinnabar
- 0096A2
≈ Tile Blue
유사색 -30° +30°
- E34244
Vermilion Cinnabar
- D9428C
≈ Prunus Avium
- C86600
≈ Curry Powder
삼각 배색 +120° +240°
- E34244
Vermilion Cinnabar
- 00A126
≈ Space Invader
- 477BFA
≈ Lightish Blue
분열 보색 +150° +210°
- E34244
Vermilion Cinnabar
- 009B80
≈ Paolo Veronese Green
- 0090C6
≈ Parrotfish Blue
사각 배색 +90° +180° +270°
- E34244
Vermilion Cinnabar
- 838D00
≈ Foggy Bog
- 0096A2
≈ Tile Blue
- 8F64ED
≈ Forgotten Kyawthuite
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.09:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.12:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.12:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--vermilion-cinnabar: #e34244;
--vermilion-cinnabar-rgb: 227 66 68;
--vermilion-cinnabar-oklch: oklch(0.615 0.198 24.5);
}
.element {
color: var(--vermilion-cinnabar);
background-color: hsl(359 74% 57%);
border-color: oklch(0.615 0.198 24.5);
}Tailwind CSS v4
@theme {
--color-vermilion-cinnabar: #e34244;
--color-vermilion-cinnabar-50: #ffe0d7;
--color-vermilion-cinnabar-100: #ffcfc5;
--color-vermilion-cinnabar-200: #ffb2a7;
--color-vermilion-cinnabar-300: #ff8b80;
--color-vermilion-cinnabar-400: #fe6561;
--color-vermilion-cinnabar-500: #ed363d;
--color-vermilion-cinnabar-600: #c83035;
--color-vermilion-cinnabar-700: #a1272a;
--color-vermilion-cinnabar-800: #781a20;
--color-vermilion-cinnabar-900: #551115;
--color-vermilion-cinnabar-950: #390207;
}SCSS
$vermilion-cinnabar: #e34244;
$vermilion-cinnabar-rgb: 227, 66, 68;
$vermilion-cinnabar-light: mix(#fff, $vermilion-cinnabar, 20%);
$vermilion-cinnabar-dark: mix(#000, $vermilion-cinnabar, 20%);
.element {
color: $vermilion-cinnabar;
box-shadow: 0 0 0 2px rgba($vermilion-cinnabar, 0.35);
}