가장 가까운 이름 색상 · #FE2A25
#FE2A25
가장 가까운 이름 색상: Red Stop
#FE2A25(rgb(254 42 37), hsl(1 99% 57%), oklch(0.641 0.243 28.3))와 가장 가까운 이름 색상은 Red Stop입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FE2A25
oklch(0.641 0.243 28.3)
색상 변환
- HEX
- #fe2a25
- RGB
- rgb(254 42 37)
- HSL
- hsl(1 99% 57%)
- HWB
- hwb(1 15% 0%)
- OKLCH
- oklch(0.641 0.243 28.3)
- OKLab
- oklab(0.641 0.213 0.115)
- CIE Lab
- lab(55.91 76.06 58.28)
- LCH
- lch(55.91 95.82 37.5)
- CMYK
- cmyk(0% 83% 85% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4E41
- FF6758
- FF7D6E
- FF9283
- FFA597
- FFB8AC
- FFCAC1
- FFDCD5
- FFEDEA
셰이드
- DD231F
- BD1C19
- 9E1613
- 80100D
- 630A08
- 470504
- 2D0202
- 160100
- 030000
톤
- F33E34
- E84C40
- DC574A
- D16053
- C5675C
- B86E64
- AB736B
- 9E7872
- 8F7C79
색 조화
보색 +180°
- FE2A25
Red Stop
- 009EAF
≈ Lake Blue
유사색 -30° +30°
- FE2A25
Red Stop
- F4278B
≈ Prickly Pink
- CF7000
≈ Autumn Maple
삼각 배색 +120° +240°
- FE2A25
Red Stop
- 00A945
≈ Poetic Green
- 5C81FF
≈ Flickery C64
분열 보색 +150° +210°
- FE2A25
Red Stop
- 00A38D
≈ Fishy House
- 0096D8
≈ Kahu Blue
사각 배색 +90° +180° +270°
- FE2A25
Red Stop
- 849800
≈ BioShock
- 009EAF
≈ Lake Blue
- A161FF
≈ Purple Hedonist
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.76:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.57:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.57:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--red-stop: #fe2a25;
--red-stop-rgb: 254 42 37;
--red-stop-oklch: oklch(0.641 0.243 28.3);
}
.element {
color: var(--red-stop);
background-color: hsl(1 99% 57%);
border-color: oklch(0.641 0.243 28.3);
}Tailwind CSS v4
@theme {
--color-red-stop: #fe2a25;
--color-red-stop-50: #ffdccc;
--color-red-stop-100: #ffc9b7;
--color-red-stop-200: #ffaa95;
--color-red-stop-300: #ff7f68;
--color-red-stop-400: #ff4f42;
--color-red-stop-500: #ff0000;
--color-red-stop-600: #d80003;
--color-red-stop-700: #ae0005;
--color-red-stop-800: #82000a;
--color-red-stop-900: #5c0106;
--color-red-stop-950: #3e0000;
}SCSS
$red-stop: #fe2a25;
$red-stop-rgb: 254, 42, 37;
$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);
}