이름 색상 · #FE2712
Red October
Red October은(는) #FE2712: rgb(254 39 18), hsl(5 99% 53%), oklch(0.638 0.245 30.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red October color name →
#FE2712
oklch(0.638 0.245 30.2)
색상 변환
- HEX
- #fe2712
- RGB
- rgb(254 39 18)
- HSL
- hsl(5 99% 53%)
- HWB
- hwb(5 7% 0%)
- OKLCH
- oklch(0.638 0.245 30.2)
- OKLab
- oklab(0.638 0.212 0.124)
- CIE Lab
- lab(55.63 76.45 65.53)
- LCH
- lch(55.63 100.69 40.6)
- CMYK
- cmyk(0% 85% 93% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4C38
- FF6651
- FF7D68
- FF917E
- FFA594
- FFB8A9
- FFCABE
- FFDCD4
- FFEDE9
셰이드
- DD200E
- BD1A0A
- 9E1407
- 800E04
- 630802
- 470401
- 2D0201
- 160100
- 030000
톤
- F33D29
- E84B38
- DC5644
- D15F4F
- C56758
- B86D61
- AB7369
- 9E7871
- 8F7C79
색 조화
보색 +180°
- FE2712
Red October
- 009DB1
≈ Lake Blue
유사색 -30° +30°
- FE2712
Red October
- F52085
≈ Pink Piano
- CB7200
≈ Dirty Orange
삼각 배색 +120° +240°
- FE2712
Red October
- 00A74E
≈ Liberty Green
- 607EFF
≈ Flickery C64
분열 보색 +150° +210°
- FE2712
Red October
- 00A28E
≈ Turquish
- 0095DB
≈ Kahu Blue
사각 배색 +90° +180° +270°
- FE2712
Red October
- 809800
≈ Mossy Woods
- 009DB1
≈ Lake Blue
- A45DFF
≈ Vega Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.80:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.51:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.51:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--red-october: #fe2712;
--red-october-rgb: 254 39 18;
--red-october-oklch: oklch(0.638 0.245 30.2);
}
.element {
color: var(--red-october);
background-color: hsl(5 99% 53%);
border-color: oklch(0.638 0.245 30.2);
}Tailwind CSS v4
@theme {
--color-red-october: #fe2712;
--color-red-october-50: #ffdcc9;
--color-red-october-100: #ffc9b4;
--color-red-october-200: #ffaa90;
--color-red-october-300: #ff7f61;
--color-red-october-400: #ff4e38;
--color-red-october-500: #ff0000;
--color-red-october-600: #d90000;
--color-red-october-700: #ae0000;
--color-red-october-800: #830001;
--color-red-october-900: #5d0002;
--color-red-october-950: #3f0000;
}SCSS
$red-october: #fe2712;
$red-october-rgb: 254, 39, 18;
$red-october-light: mix(#fff, $red-october, 20%);
$red-october-dark: mix(#000, $red-october, 20%);
.element {
color: $red-october;
box-shadow: 0 0 0 2px rgba($red-october, 0.35);
}