이름 색상 · #BF514E
Maple Red
Maple Red은(는) #BF514E: rgb(191 81 78), hsl(2 47% 53%), oklch(0.576 0.143 24.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Maple Red color name →
#BF514E
oklch(0.576 0.143 24.2)
색상 변환
- HEX
- #bf514e
- RGB
- rgb(191 81 78)
- HSL
- hsl(2 47% 53%)
- HWB
- hwb(2 31% 25%)
- OKLCH
- oklch(0.576 0.143 24.2)
- OKLab
- oklab(0.576 0.13 0.058)
- CIE Lab
- lab(49.44 44.96 25.09)
- LCH
- lch(49.44 51.48 29.2)
- CMYK
- cmyk(0% 58% 59% 25%)
틴트 · 셰이드 · 톤
틴트
- C7635F
- CF7570
- D78681
- DE9892
- E4A9A4
- EBBAB5
- F0CBC8
- F6DCDA
- FBEEEC
셰이드
- A64543
- 8D3A38
- 752F2D
- 5E2423
- 481A19
- 33100F
- 1F0707
- 0D0202
- 020000
톤
- BA5753
- B45D59
- AF625E
- A96763
- A36C68
- 9D706D
- 967572
- 8F7976
- 887C7B
색 조화
보색 +180°
- BF514E
Maple Red
- 008A94
≈ Zuni
유사색 -30° +30°
- BF514E
Maple Red
- B7507F
≈ Exuberant Pink
- B85D05
≈ Super Leaf Brown
삼각 배색 +120° +240°
- BF514E
Maple Red
- 3A8E3D
≈ Resplendent Growth
- 4D75CD
≈ Serenity’s Reign
분열 보색 +150° +210°
- BF514E
Maple Red
- 008E74
≈ Observatory
- 0083B5
≈ Lucario Blue
사각 배색 +90° +180° +270°
- BF514E
Maple Red
- 798100
≈ Verde Tropa
- 008A94
≈ Zuni
- 7F65C4
≈ Lavish Spending
대비 및 접근성
Ag
AA흰색 위
WCAG 4.66:1 · APCA Lc 72
Ag
AA검은색 위
WCAG 4.50:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--maple-red: #bf514e;
--maple-red-rgb: 191 81 78;
--maple-red-oklch: oklch(0.576 0.143 24.2);
}
.element {
color: var(--maple-red);
background-color: hsl(2 47% 53%);
border-color: oklch(0.576 0.143 24.2);
}Tailwind CSS v4
@theme {
--color-maple-red: #bf514e;
--color-maple-red-50: #ffe6e0;
--color-maple-red-100: #ffd6cf;
--color-maple-red-200: #ffbdb4;
--color-maple-red-300: #f89a91;
--color-maple-red-400: #e67a74;
--color-maple-red-500: #d45956;
--color-maple-red-600: #b34c49;
--color-maple-red-700: #903c3a;
--color-maple-red-800: #6b2b2b;
--color-maple-red-900: #4c1d1d;
--color-maple-red-950: #310c0d;
}SCSS
$maple-red: #bf514e;
$maple-red-rgb: 191, 81, 78;
$maple-red-light: mix(#fff, $maple-red, 20%);
$maple-red-dark: mix(#000, $maple-red, 20%);
.element {
color: $maple-red;
box-shadow: 0 0 0 2px rgba($maple-red, 0.35);
}