이름 색상 · #FF1133
Rage
Rage은(는) #FF1133: rgb(255 17 51), hsl(351 100% 53%), oklch(0.634 0.252 24.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rage color name →
#FF1133
oklch(0.634 0.252 24.2)
색상 변환
- HEX
- #ff1133
- RGB
- rgb(255 17 51)
- HSL
- hsl(351 100% 53%)
- HWB
- hwb(351 7% 0%)
- OKLCH
- oklch(0.634 0.252 24.2)
- OKLab
- oklab(0.634 0.23 0.103)
- CIE Lab
- lab(54.92 80.11 50.52)
- LCH
- lch(54.92 94.71 32.2)
- CMYK
- cmyk(0% 93% 80% 0%)
틴트 · 셰이드 · 톤
틴트
- FF444A
- FF605F
- FF7873
- FF8E87
- FFA29B
- FFB5AF
- FFC8C3
- FFDBD7
- FFEDEB
셰이드
- DE0D2B
- BE0923
- 9E061C
- 800414
- 63020D
- 480107
- 2E0003
- 160001
- 030000
톤
- F4323E
- E94447
- DD5150
- D25B58
- C6645F
- B96B66
- AC716D
- 9E7773
- 907C7A
색 조화
보색 +180°
- FF1133
Rage
- 009DA8
≈ Turkish Boy
유사색 -30° +30°
- FF1133
Rage
- F21994
≈ Fanatic Fuchsia
- D16A00
≈ Cinnamon
삼각 배색 +120° +240°
- FF1133
Rage
- 00A824
≈ Kobra Khan
- 4C81FF
≈ Flickery C64
분열 보색 +150° +210°
- FF1133
Rage
- 00A185
≈ Reptilian Green
- 0096CE
≈ Blithe
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.90:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.37:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.37:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--rage: #ff1133;
--rage-rgb: 255 17 51;
--rage-oklch: oklch(0.634 0.252 24.2);
}
.element {
color: var(--rage);
background-color: hsl(351 100% 53%);
border-color: oklch(0.634 0.252 24.2);
}Tailwind CSS v4
@theme {
--color-rage: #ff1133;
--color-rage-50: #ffdacf;
--color-rage-100: #ffc7bc;
--color-rage-200: #ffa79a;
--color-rage-300: #ff7a70;
--color-rage-400: #ff464e;
--color-rage-500: #ff001e;
--color-rage-600: #db001d;
--color-rage-700: #b00017;
--color-rage-800: #840014;
--color-rage-900: #5e000d;
--color-rage-950: #3f0002;
}SCSS
$rage: #ff1133;
$rage-rgb: 255, 17, 51;
$rage-light: mix(#fff, $rage, 20%);
$rage-dark: mix(#000, $rage, 20%);
.element {
color: $rage;
box-shadow: 0 0 0 2px rgba($rage, 0.35);
}