가장 가까운 이름 색상 · #B50701
#B50701
가장 가까운 이름 색상: All Systems Red
#B50701(rgb(181 7 1), hsl(2 99% 36%), oklch(0.488 0.197 29.6))와 가장 가까운 이름 색상은 All Systems Red입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B50701
oklch(0.488 0.197 29.6)
색상 변환
- HEX
- #b50701
- RGB
- rgb(181 7 1)
- HSL
- hsl(2 99% 36%)
- HWB
- hwb(2 0% 29%)
- OKLCH
- oklch(0.488 0.197 29.6)
- OKLab
- oklab(0.488 0.172 0.097)
- CIE Lab
- lab(38.61 61.73 53.63)
- LCH
- lch(38.61 81.77 41)
- CMYK
- cmyk(0% 96% 99% 29%)
틴트 · 셰이드 · 톤
틴트
- C03528
- CA5041
- D36859
- DC7E70
- E39487
- EBAA9F
- F1BFB6
- F6D4CE
- FBEAE6
셰이드
- 9D0501
- 860401
- 6F0200
- 590200
- 440100
- 300000
- 1D0000
- 0C0000
- 020000
톤
- B2261B
- AE372A
- AA4337
- A64E42
- A1584D
- 9C6158
- 966962
- 90716C
- 887976
색 조화
보색 +180°
- B50701
All Systems Red
- 006C7A
≈ Carnival Night
유사색 -30° +30°
- B50701
All Systems Red
- AE015C
≈ Shy Guy Red
- 8E4D00
≈ Plain Old Brown
삼각 배색 +120° +240°
- B50701
All Systems Red
- 007431
≈ Clear Green
- 374ECD
≈ New Car
분열 보색 +150° +210°
- B50701
All Systems Red
- 007061
≈ Falcon Turquoise
- 006697
≈ Wavy Navy
사각 배색 +90° +180° +270°
- B50701
All Systems Red
- 586800
≈ Serrano Pepper
- 006C7A
≈ Carnival Night
- 7337BC
≈ Purple Emperor
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.01:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 2.99:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 7.01:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--all-systems-red: #b50701;
--all-systems-red-rgb: 181 7 1;
--all-systems-red-oklch: oklch(0.488 0.197 29.6);
}
.element {
color: var(--all-systems-red);
background-color: hsl(2 99% 36%);
border-color: oklch(0.488 0.197 29.6);
}Tailwind CSS v4
@theme {
--color-all-systems-red: #b50701;
--color-all-systems-red-50: #ffe1d2;
--color-all-systems-red-100: #ffd0bf;
--color-all-systems-red-200: #ffb49f;
--color-all-systems-red-300: #ff8d76;
--color-all-systems-red-400: #fd6754;
--color-all-systems-red-500: #ec392a;
--color-all-systems-red-600: #c83326;
--color-all-systems-red-700: #a1291e;
--color-all-systems-red-800: #781b17;
--color-all-systems-red-900: #55120f;
--color-all-systems-red-950: #390303;
}SCSS
$all-systems-red: #b50701;
$all-systems-red-rgb: 181, 7, 1;
$all-systems-red-light: mix(#fff, $all-systems-red, 20%);
$all-systems-red-dark: mix(#000, $all-systems-red, 20%);
.element {
color: $all-systems-red;
box-shadow: 0 0 0 2px rgba($all-systems-red, 0.35);
}