이름 색상 · #FC0156
Sorx Red
Sorx Red은(는) #FC0156: rgb(252 1 86), hsl(340 99% 50%), oklch(0.63 0.252 14.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Sorx Red color name →
#FC0156
oklch(0.63 0.252 14.9)
색상 변환
- HEX
- #fc0156
- RGB
- rgb(252 1 86)
- HSL
- hsl(340 99% 50%)
- HWB
- hwb(340 0% 1%)
- OKLCH
- oklch(0.63 0.252 14.9)
- OKLab
- oklab(0.63 0.243 0.065)
- CIE Lab
- lab(54.29 81.37 29.29)
- LCH
- lch(54.29 86.48 19.8)
- CMYK
- cmyk(0% 100% 66% 1%)
틴트 · 셰이드 · 톤
틴트
- FF3F66
- FF5D77
- FF7587
- FF8B98
- FFA0A8
- FFB3B9
- FFC7CA
- FFDADC
- FFECED
셰이드
- DB014A
- BB013E
- 9C0032
- 7E0027
- 62001C
- 470012
- 2D0008
- 160002
- 030000
톤
- F12E5B
- E6415F
- DB4E64
- D05968
- C4626C
- B86970
- AB7074
- 9E7678
- 907B7C
색 조화
보색 +180°
- FC0156
Sorx Red
- 009D9D
≈ Talismanic Teal
유사색 -30° +30°
- FC0156
Sorx Red
- E823AB
≈ Magnificent Magenta
- DD5B00
≈ Raging Leaf
삼각 배색 +120° +240°
- FC0156
Sorx Red
- 53A000
≈ Lawn Green
- 0D87FF
≈ Too Blue to Be True
분열 보색 +150° +210°
- FC0156
Sorx Red
- 00A275
≈ Bejewelled
- 0097BF
≈ Atomic Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.97:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.27:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.27:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--sorx-red: #fc0156;
--sorx-red-rgb: 252 1 86;
--sorx-red-oklch: oklch(0.63 0.252 14.9);
}
.element {
color: var(--sorx-red);
background-color: hsl(340 99% 50%);
border-color: oklch(0.63 0.252 14.9);
}Tailwind CSS v4
@theme {
--color-sorx-red: #fc0156;
--color-sorx-red-50: #ffd8db;
--color-sorx-red-100: #ffc5ca;
--color-sorx-red-200: #ffa4ad;
--color-sorx-red-300: #ff7788;
--color-sorx-red-400: #ff436d;
--color-sorx-red-500: #ff004d;
--color-sorx-red-600: #d90042;
--color-sorx-red-700: #af0034;
--color-sorx-red-800: #830029;
--color-sorx-red-900: #5d001b;
--color-sorx-red-950: #3f000c;
}SCSS
$sorx-red: #fc0156;
$sorx-red-rgb: 252, 1, 86;
$sorx-red-light: mix(#fff, $sorx-red, 20%);
$sorx-red-dark: mix(#000, $sorx-red, 20%);
.element {
color: $sorx-red;
box-shadow: 0 0 0 2px rgba($sorx-red, 0.35);
}