이름 색상 · #7E4071
Bruise
Bruise은(는) #7E4071: rgb(126 64 113), hsl(313 33% 37%), oklch(0.467 0.108 335.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Bruise color name →
#7E4071
oklch(0.467 0.108 335.6)
색상 변환
- HEX
- #7e4071
- RGB
- rgb(126 64 113)
- HSL
- hsl(313 33% 37%)
- HWB
- hwb(313 25% 51%)
- OKLCH
- oklch(0.467 0.108 335.6)
- OKLab
- oklab(0.467 0.098 -0.044)
- CIE Lab
- lab(36.59 32.53 -16.17)
- LCH
- lch(36.59 36.32 333.6)
- CMYK
- cmyk(0% 49% 10% 51%)
틴트 · 셰이드 · 톤
틴트
- 8B527E
- 98648C
- A5779A
- B28AA8
- BF9CB6
- CCB0C4
- D9C3D3
- E6D7E1
- F2EBF0
셰이드
- 6D3661
- 5C2D52
- 4C2443
- 3C1B35
- 2D1327
- 1F0B1A
- 11050E
- 050104
- 010001
톤
- 7F4773
- 804E74
- 805476
- 815B77
- 816179
- 81677A
- 816E7C
- 81747D
- 817A7F
색 조화
보색 +180°
- 7E4071
Bruise
- 116B3F
≈ Clover Green
유사색 -30° +30°
- 7E4071
Bruise
- 694889
≈ Lords of the Night
- 8A3D51
≈ Liaison
삼각 배색 +120° +240°
- 7E4071
Bruise
- 6A5900
≈ Ayahuasca Vine
- 006577
≈ Atlantis Myth
분열 보색 +150° +210°
- 7E4071
Bruise
- 4B6414
≈ Camouflage Green
- 006860
≈ Evergreen Forest
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.34:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.85:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.34:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--bruise: #7e4071;
--bruise-rgb: 126 64 113;
--bruise-oklch: oklch(0.467 0.108 335.6);
}
.element {
color: var(--bruise);
background-color: hsl(313 33% 37%);
border-color: oklch(0.467 0.108 335.6);
}Tailwind CSS v4
@theme {
--color-bruise: #7e4071;
--color-bruise-50: #ffeaff;
--color-bruise-100: #ffdbf5;
--color-bruise-200: #f3c3e5;
--color-bruise-300: #dca2cb;
--color-bruise-400: #c686b7;
--color-bruise-500: #b269a2;
--color-bruise-600: #965989;
--color-bruise-700: #79476d;
--color-bruise-800: #593352;
--color-bruise-900: #3e2339;
--color-bruise-950: #271223;
}SCSS
$bruise: #7e4071;
$bruise-rgb: 126, 64, 113;
$bruise-light: mix(#fff, $bruise, 20%);
$bruise-dark: mix(#000, $bruise, 20%);
.element {
color: $bruise;
box-shadow: 0 0 0 2px rgba($bruise, 0.35);
}