이름 색상 · #FF1122
Superman Red
Superman Red은(는) #FF1122: rgb(255 17 34), hsl(356 100% 53%), oklch(0.632 0.253 27). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Superman Red color name →
#FF1122
oklch(0.632 0.253 27)
색상 변환
- HEX
- #ff1122
- RGB
- rgb(255 17 34)
- HSL
- hsl(356 100% 53%)
- HWB
- hwb(356 7% 0%)
- OKLCH
- oklch(0.632 0.253 27)
- OKLab
- oklab(0.632 0.225 0.115)
- CIE Lab
- lab(54.81 79.86 59.01)
- LCH
- lch(54.81 99.29 36.5)
- CMYK
- cmyk(0% 93% 87% 0%)
틴트 · 셰이드 · 톤
틴트
- FF443F
- FF6056
- FF786C
- FF8E81
- FFA296
- FFB5AB
- FFC8C0
- FFDBD5
- FFEDEA
셰이드
- DE0D1C
- BE0916
- 9E0611
- 80040B
- 630207
- 480103
- 2E0001
- 160000
- 030000
톤
- F43332
- E9443E
- DD5148
- D25B52
- C6645A
- B96B63
- AC716A
- 9E7772
- 907C79
색 조화
보색 +180°
- FF1122
Superman Red
- 009CAB
≈ Lake Blue
유사색 -30° +30°
- FF1122
Superman Red
- F4118C
≈ Fabulous Fuchsia
- CD6D00
≈ Sludge
삼각 배색 +120° +240°
- FF1122
Superman Red
- 00A63C
≈ Poetic Green
- 547FFF
≈ C64 NTSC
분열 보색 +150° +210°
- FF1122
Superman Red
- 00A188
≈ Reptilian Green
- 0094D2
≈ Rich Electric Blue
사각 배색 +90° +180° +270°
- FF1122
Superman Red
- 859400
≈ Snakes in the Grass
- 009CAB
≈ Lake Blue
- 9C5FFF
≈ Irrigo Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.92:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.35:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.35:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--superman-red: #ff1122;
--superman-red-rgb: 255 17 34;
--superman-red-oklch: oklch(0.632 0.253 27);
}
.element {
color: var(--superman-red);
background-color: hsl(356 100% 53%);
border-color: oklch(0.632 0.253 27);
}Tailwind CSS v4
@theme {
--color-superman-red: #ff1122;
--color-superman-red-50: #ffdacc;
--color-superman-red-100: #ffc7b7;
--color-superman-red-200: #ffa794;
--color-superman-red-300: #ff7a67;
--color-superman-red-400: #ff4742;
--color-superman-red-500: #ff0000;
--color-superman-red-600: #db0003;
--color-superman-red-700: #b10005;
--color-superman-red-800: #84000a;
--color-superman-red-900: #5e0007;
--color-superman-red-950: #3f0000;
}SCSS
$superman-red: #ff1122;
$superman-red-rgb: 255, 17, 34;
$superman-red-light: mix(#fff, $superman-red, 20%);
$superman-red-dark: mix(#000, $superman-red, 20%);
.element {
color: $superman-red;
box-shadow: 0 0 0 2px rgba($superman-red, 0.35);
}