이름 색상 · #B0054B
Purplish Red
Purplish Red은(는) #B0054B: rgb(176 5 75), hsl(335 94% 35%), oklch(0.487 0.193 7.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Purplish Red color name →
#B0054B
oklch(0.487 0.193 7.7)
색상 변환
- HEX
- #b0054b
- RGB
- rgb(176 5 75)
- HSL
- hsl(335 94% 35%)
- HWB
- hwb(335 2% 31%)
- OKLCH
- oklch(0.487 0.193 7.7)
- OKLab
- oklab(0.487 0.191 0.026)
- CIE Lab
- lab(38.19 62.37 11.64)
- LCH
- lch(38.19 63.45 10.6)
- CMYK
- cmyk(0% 97% 57% 31%)
틴트 · 셰이드 · 톤
틴트
- BB335B
- C64E6C
- CF667D
- D87C8F
- E192A1
- E8A8B3
- EFBDC5
- F5D3D8
- FBE9EB
셰이드
- 990440
- 820335
- 6C022B
- 560121
- 420117
- 2E000E
- 1C0006
- 0B0002
- 010000
톤
- AD2450
- AA3555
- A7415B
- A34C60
- 9F5665
- 9A606A
- 946870
- 8E7075
- 88787B
색 조화
보색 +180°
- B0054B
Purplish Red
- 006F68
≈ Tide Pools
유사색 -30° +30°
- B0054B
Purplish Red
- 9E1D85
≈ Blissful Berry
- A63100
≈ Enfield Brown
삼각 배색 +120° +240°
- B0054B
Purplish Red
- 4B6C00
≈ Over the Hills
- 0063A5
≈ Prime Blue
분열 보색 +150° +210°
- B0054B
Purplish Red
- 007245
≈ Diisha Green
- 006B80
≈ Azure Green Blue
사각 배색 +90° +180° +270°
- B0054B
Purplish Red
- 6F5F00
≈ Green Brown
- 006F68
≈ Tide Pools
- 4C48C9
≈ Royal Nightcore
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.07:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 2.96:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--purplish-red: #b0054b;
--purplish-red-rgb: 176 5 75;
--purplish-red-oklch: oklch(0.487 0.193 7.7);
}
.element {
color: var(--purplish-red);
background-color: hsl(335 94% 35%);
border-color: oklch(0.487 0.193 7.7);
}Tailwind CSS v4
@theme {
--color-purplish-red: #b0054b;
--color-purplish-red-50: #ffdfe9;
--color-purplish-red-100: #ffced9;
--color-purplish-red-200: #ffb1c2;
--color-purplish-red-300: #ff8aa1;
--color-purplish-red-400: #f86489;
--color-purplish-red-500: #e7376e;
--color-purplish-red-600: #c3315e;
--color-purplish-red-700: #9d274b;
--color-purplish-red-800: #751b38;
--color-purplish-red-900: #521227;
--color-purplish-red-950: #370315;
}SCSS
$purplish-red: #b0054b;
$purplish-red-rgb: 176, 5, 75;
$purplish-red-light: mix(#fff, $purplish-red, 20%);
$purplish-red-dark: mix(#000, $purplish-red, 20%);
.element {
color: $purplish-red;
box-shadow: 0 0 0 2px rgba($purplish-red, 0.35);
}