이름 색상 · #FF0022
Incision
Incision은(는) #FF0022: rgb(255 0 34), hsl(352 100% 50%), oklch(0.629 0.256 26.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Incision color name →
#FF0022
oklch(0.629 0.256 26.4)
색상 변환
- HEX
- #ff0022
- RGB
- rgb(255 0 34)
- HSL
- hsl(352 100% 50%)
- HWB
- hwb(352 0% 0%)
- OKLCH
- oklch(0.629 0.256 26.4)
- OKLab
- oklab(0.629 0.229 0.114)
- CIE Lab
- lab(54.39 81.04 58.73)
- LCH
- lch(54.39 100.08 35.9)
- CMYK
- cmyk(0% 100% 87% 0%)
틴트 · 셰이드 · 톤
틴트
- FF403F
- FF5E56
- FF766C
- FF8C81
- FFA196
- FFB4AB
- FFC8C0
- FFDAD5
- FFEDEA
셰이드
- DE001C
- BE0016
- 9E0011
- 80000B
- 630007
- 480003
- 2E0001
- 160000
- 030000
톤
- F42E32
- E9413E
- DD4F48
- D25A52
- C6635A
- B96A62
- AC716A
- 9F7672
- 907C79
색 조화
보색 +180°
- FF0022
Incision
- 009BA9
≈ Turkish Boy
유사색 -30° +30°
- FF0022
Incision
- F3058D
≈ Fabulous Fuchsia
- CC6C00
≈ Sludge
삼각 배색 +120° +240°
- FF0022
Incision
- 00A537
≈ Poetic Green
- 517EFF
≈ C64 NTSC
분열 보색 +150° +210°
- FF0022
Incision
- 009F87
≈ Reptilian Green
- 0093D0
≈ Rich Electric Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.98:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.27:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.27:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--incision: #ff0022;
--incision-rgb: 255 0 34;
--incision-oklch: oklch(0.629 0.256 26.4);
}
.element {
color: var(--incision);
background-color: hsl(352 100% 50%);
border-color: oklch(0.629 0.256 26.4);
}Tailwind CSS v4
@theme {
--color-incision: #ff0022;
--color-incision-50: #ffdacc;
--color-incision-100: #ffc7b7;
--color-incision-200: #ffa695;
--color-incision-300: #ff7968;
--color-incision-400: #ff4443;
--color-incision-500: #ff0000;
--color-incision-600: #dc0006;
--color-incision-700: #b20007;
--color-incision-800: #85000b;
--color-incision-900: #5e0007;
--color-incision-950: #400000;
}SCSS
$incision: #ff0022;
$incision-rgb: 255, 0, 34;
$incision-light: mix(#fff, $incision, 20%);
$incision-dark: mix(#000, $incision, 20%);
.element {
color: $incision;
box-shadow: 0 0 0 2px rgba($incision, 0.35);
}