이름 색상 · #EF3939
Trial by Fire
Trial by Fire은(는) #EF3939: rgb(239 57 57), hsl(0 85% 58%), oklch(0.626 0.218 26.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Trial by Fire color name →
#EF3939
oklch(0.626 0.218 26.2)
색상 변환
- HEX
- #ef3939
- RGB
- rgb(239 57 57)
- HSL
- hsl(0 85% 58%)
- HWB
- hwb(0 22% 6%)
- OKLCH
- oklch(0.626 0.218 26.2)
- OKLab
- oklab(0.626 0.195 0.096)
- CIE Lab
- lab(54.43 68.68 45.48)
- LCH
- lch(54.43 82.37 33.5)
- CMYK
- cmyk(0% 76% 76% 6%)
틴트 · 셰이드 · 톤
틴트
- F4554E
- F86C63
- FC8076
- FF9389
- FFA69D
- FFB8B0
- FFCAC4
- FFDCD7
- FFEDEB
셰이드
- D03030
- B12828
- 941F1F
- 781717
- 5C1010
- 420909
- 2A0404
- 140101
- 030000
톤
- E54742
- DC524B
- D25A53
- C7625A
- BD6961
- B26E67
- A6736E
- 9A7874
- 8E7C7A
색 조화
보색 +180°
- EF3939
Trial by Fire
- 009AA8
≈ Turkish Boy
유사색 -30° +30°
- EF3939
Trial by Fire
- E5388C
≈ Pinkinity
- CB6B00
≈ Sludge
삼각 배색 +120° +240°
- EF3939
Trial by Fire
- 00A436
≈ Poetic Green
- 4F7CFF
≈ C64 NTSC
분열 보색 +150° +210°
- EF3939
Trial by Fire
- 009E86
≈ Reptilian Green
- 0093CE
≈ Rich Electric Blue
사각 배색 +90° +180° +270°
- EF3939
Trial by Fire
- 849200
≈ Snakes in the Grass
- 009AA8
≈ Turkish Boy
- 9860F9
≈ Forgotten Kyawthuite
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.95:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.31:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.31:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--trial-by-fire: #ef3939;
--trial-by-fire-rgb: 239 57 57;
--trial-by-fire-oklch: oklch(0.626 0.218 26.2);
}
.element {
color: var(--trial-by-fire);
background-color: hsl(0 85% 58%);
border-color: oklch(0.626 0.218 26.2);
}Tailwind CSS v4
@theme {
--color-trial-by-fire: #ef3939;
--color-trial-by-fire-50: #ffded2;
--color-trial-by-fire-100: #ffccbf;
--color-trial-by-fire-200: #ffaf9f;
--color-trial-by-fire-300: #ff8676;
--color-trial-by-fire-400: #ff5c55;
--color-trial-by-fire-500: #f51f2b;
--color-trial-by-fire-600: #cf2026;
--color-trial-by-fire-700: #a71b1e;
--color-trial-by-fire-800: #7d1018;
--color-trial-by-fire-900: #580b0f;
--color-trial-by-fire-950: #3b0003;
}SCSS
$trial-by-fire: #ef3939;
$trial-by-fire-rgb: 239, 57, 57;
$trial-by-fire-light: mix(#fff, $trial-by-fire, 20%);
$trial-by-fire-dark: mix(#000, $trial-by-fire, 20%);
.element {
color: $trial-by-fire;
box-shadow: 0 0 0 2px rgba($trial-by-fire, 0.35);
}