이름 색상 · #FF2222
Red Stop
Red Stop은(는) #FF2222: rgb(255 34 34), hsl(0 100% 57%), oklch(0.638 0.247 28). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Stop color name →
#FF2222
oklch(0.638 0.247 28)
색상 변환
- HEX
- #ff2222
- RGB
- rgb(255 34 34)
- HSL
- hsl(0 100% 57%)
- HWB
- hwb(0 13% 0%)
- OKLCH
- oklch(0.638 0.247 28)
- OKLab
- oklab(0.638 0.218 0.116)
- CIE Lab
- lab(55.58 77.72 59.52)
- LCH
- lch(55.58 97.89 37.4)
- CMYK
- cmyk(0% 87% 87% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4A3F
- FF6557
- FF7C6D
- FF9082
- FFA497
- FFB7AB
- FFC9C0
- FFDBD5
- FFEDEA
셰이드
- DE1C1C
- BE1616
- 9E1111
- 800B0B
- 630707
- 480303
- 2E0101
- 160000
- 030000
톤
- F43A32
- E9493E
- DD5549
- D15E52
- C5665B
- B96D63
- AC726B
- 9E7872
- 907C79
색 조화
보색 +180°
- FF2222
Red Stop
- 009EAE
≈ Lake Blue
유사색 -30° +30°
- FF2222
Red Stop
- F51F8B
≈ Philippine Pink
- CE6F00
≈ Autumn Maple
삼각 배색 +120° +240°
- FF2222
Red Stop
- 00A843
≈ Poetic Green
- 5A80FF
≈ Flickery C64
분열 보색 +150° +210°
- FF2222
Red Stop
- 00A28C
≈ Turquish
- 0096D7
≈ Bayern Blue
사각 배색 +90° +180° +270°
- FF2222
Red Stop
- 849700
≈ BioShock
- 009EAE
≈ Lake Blue
- A060FF
≈ Orion Nebula
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.81:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.50:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.50:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--red-stop: #ff2222;
--red-stop-rgb: 255 34 34;
--red-stop-oklch: oklch(0.638 0.247 28);
}
.element {
color: var(--red-stop);
background-color: hsl(0 100% 57%);
border-color: oklch(0.638 0.247 28);
}Tailwind CSS v4
@theme {
--color-red-stop: #ff2222;
--color-red-stop-50: #ffdbcb;
--color-red-stop-100: #ffc8b7;
--color-red-stop-200: #ffa994;
--color-red-stop-300: #ff7d67;
--color-red-stop-400: #ff4b41;
--color-red-stop-500: #ff0000;
--color-red-stop-600: #d90000;
--color-red-stop-700: #af0003;
--color-red-stop-800: #830009;
--color-red-stop-900: #5d0006;
--color-red-stop-950: #3f0000;
}SCSS
$red-stop: #ff2222;
$red-stop-rgb: 255, 34, 34;
$red-stop-light: mix(#fff, $red-stop, 20%);
$red-stop-dark: mix(#000, $red-stop, 20%);
.element {
color: $red-stop;
box-shadow: 0 0 0 2px rgba($red-stop, 0.35);
}