이름 색상 · #A1395D
Boysenberry Pink
Boysenberry Pink은(는) #A1395D: rgb(161 57 93), hsl(339 48% 43%), oklch(0.502 0.141 2.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Boysenberry Pink color name →
#A1395D
oklch(0.502 0.141 2.2)
색상 변환
- HEX
- #a1395d
- RGB
- rgb(161 57 93)
- HSL
- hsl(339 48% 43%)
- HWB
- hwb(339 22% 37%)
- OKLCH
- oklch(0.502 0.141 2.2)
- OKLab
- oklab(0.502 0.141 0.006)
- CIE Lab
- lab(40.45 45.99 2.81)
- LCH
- lch(40.45 46.08 3.5)
- CMYK
- cmyk(0% 65% 42% 37%)
틴트 · 셰이드 · 톤
틴트
- AC4E6C
- B7627B
- C2758A
- CC899A
- D59CAA
- DEAFBB
- E7C3CB
- EFD7DC
- F7EBEE
셰이드
- 8B3050
- 762843
- 621F37
- 4E172A
- 3C101F
- 2A0914
- 19040A
- 090103
- 010000
톤
- 9F4260
- 9D4A64
- 9A5267
- 98596B
- 95606E
- 916772
- 8E6D75
- 8A7479
- 857A7C
색 조화
보색 +180°
- A1395D
Boysenberry Pink
- 007468
≈ Pharaoh’s Gem
유사색 -30° +30°
- A1395D
Boysenberry Pink
- 904087
≈ Dahlia
- A53D2A
≈ Edocha
삼각 배색 +120° +240°
- A1395D
Boysenberry Pink
- 586E00
≈ Over the Hills
- 006AA1
≈ Jazz Blue
분열 보색 +150° +210°
- A1395D
Boysenberry Pink
- 00783C
≈ Jordan Jazz
- 007081
≈ Caribbean Dream
사각 배색 +90° +180° +270°
- A1395D
Boysenberry Pink
- 796100
≈ Spicy Mustard
- 007468
≈ Pharaoh’s Gem
- 495AB3
≈ Chinese Bellflower
대비 및 접근성
Ag
AA흰색 위
WCAG 6.44:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.25:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.44:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--boysenberry-pink: #a1395d;
--boysenberry-pink-rgb: 161 57 93;
--boysenberry-pink-oklch: oklch(0.502 0.141 2.2);
}
.element {
color: var(--boysenberry-pink);
background-color: hsl(339 48% 43%);
border-color: oklch(0.502 0.141 2.2);
}Tailwind CSS v4
@theme {
--color-boysenberry-pink: #a1395d;
--color-boysenberry-pink-50: #ffe5f0;
--color-boysenberry-pink-100: #ffd5e2;
--color-boysenberry-pink-200: #ffbbcd;
--color-boysenberry-pink-300: #f498af;
--color-boysenberry-pink-400: #e17897;
--color-boysenberry-pink-500: #cf577e;
--color-boysenberry-pink-600: #ae4b6b;
--color-boysenberry-pink-700: #8c3c55;
--color-boysenberry-pink-800: #682a40;
--color-boysenberry-pink-900: #491c2c;
--color-boysenberry-pink-950: #300c19;
}SCSS
$boysenberry-pink: #a1395d;
$boysenberry-pink-rgb: 161, 57, 93;
$boysenberry-pink-light: mix(#fff, $boysenberry-pink, 20%);
$boysenberry-pink-dark: mix(#000, $boysenberry-pink, 20%);
.element {
color: $boysenberry-pink;
box-shadow: 0 0 0 2px rgba($boysenberry-pink, 0.35);
}