이름 색상 · #E6390D
Vulcan Fire
Vulcan Fire은(는) #E6390D: rgb(230 57 13), hsl(12 89% 48%), oklch(0.607 0.214 33.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vulcan Fire color name →
#E6390D
oklch(0.607 0.214 33.7)
색상 변환
- HEX
- #e6390d
- RGB
- rgb(230 57 13)
- HSL
- hsl(12 89% 48%)
- HWB
- hwb(12 5% 10%)
- OKLCH
- oklch(0.607 0.214 33.7)
- OKLab
- oklab(0.607 0.178 0.119)
- CIE Lab
- lab(52.47 65.37 62.31)
- LCH
- lch(52.47 90.31 43.6)
- CMYK
- cmyk(0% 75% 94% 10%)
틴트 · 셰이드 · 톤
틴트
- EC5434
- F16B4E
- F57F65
- F9937B
- FCA591
- FEB8A7
- FFCABD
- FFDCD3
- FFEDE9
셰이드
- C8300A
- AB2807
- 8E1F05
- 731703
- 591002
- 400901
- 280400
- 130100
- 030000
톤
- DD4626
- D45135
- CB5A41
- C2614C
- B86856
- AE6E5F
- A47368
- 987870
- 8D7C78
색 조화
보색 +180°
- E6390D
Vulcan Fire
- 0092A9
≈ Cape Pond
유사색 -30° +30°
- E6390D
Vulcan Fire
- E13074
≈ Watermelon Sugar
- BA6D00
≈ Indocile Tiger
삼각 배색 +120° +240°
- E6390D
Vulcan Fire
- 009C54
≈ Fern Green
- 5F6EFF
≈ Blue Genie
분열 보색 +150° +210°
- E6390D
Vulcan Fire
- 009789
≈ Intense Teal
- 0089D4
≈ Calgar Blue
사각 배색 +90° +180° +270°
- E6390D
Vulcan Fire
- 719000
≈ Canopy
- 0092A9
≈ Cape Pond
- 9F55E8
≈ Lightish Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.23:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 4.95:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 4.95:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--vulcan-fire: #e6390d;
--vulcan-fire-rgb: 230 57 13;
--vulcan-fire-oklch: oklch(0.607 0.214 33.7);
}
.element {
color: var(--vulcan-fire);
background-color: hsl(12 89% 48%);
border-color: oklch(0.607 0.214 33.7);
}Tailwind CSS v4
@theme {
--color-vulcan-fire: #e6390d;
--color-vulcan-fire-50: #ffe0cb;
--color-vulcan-fire-100: #ffcfb7;
--color-vulcan-fire-200: #ffb294;
--color-vulcan-fire-300: #ff8a66;
--color-vulcan-fire-400: #ff613f;
--color-vulcan-fire-500: #f32c00;
--color-vulcan-fire-600: #cd2900;
--color-vulcan-fire-700: #a52100;
--color-vulcan-fire-800: #7c1505;
--color-vulcan-fire-900: #580e04;
--color-vulcan-fire-950: #3b0000;
}SCSS
$vulcan-fire: #e6390d;
$vulcan-fire-rgb: 230, 57, 13;
$vulcan-fire-light: mix(#fff, $vulcan-fire, 20%);
$vulcan-fire-dark: mix(#000, $vulcan-fire, 20%);
.element {
color: $vulcan-fire;
box-shadow: 0 0 0 2px rgba($vulcan-fire, 0.35);
}