이름 색상 · #2E2848
Blackberry Black
Blackberry Black은(는) #2E2848: rgb(46 40 72), hsl(251 29% 22%), oklch(0.299 0.057 291.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Blackberry Black color name →
#2E2848
oklch(0.299 0.057 291.2)
색상 변환
- HEX
- #2e2848
- RGB
- rgb(46 40 72)
- HSL
- hsl(251 29% 22%)
- HWB
- hwb(251 16% 72%)
- OKLCH
- oklch(0.299 0.057 291.2)
- OKLab
- oklab(0.299 0.021 -0.053)
- CIE Lab
- lab(18.02 9.5 -19.23)
- LCH
- lch(18.02 21.45 296.3)
- CMYK
- cmyk(36% 44% 0% 72%)
틴트 · 셰이드 · 톤
틴트
- 403B59
- 524E6A
- 66627C
- 7A778D
- 8F8CA0
- A4A2B2
- BAB9C5
- D1D0D8
- E8E7EB
셰이드
- 27213D
- 1F1B33
- 181529
- 120F1F
- 0B0916
- 06040D
- 020206
- 010102
- 000000
톤
- 35304E
- 3D3953
- 454159
- 4D4A5F
- 555364
- 5D5B6A
- 66646F
- 6E6E75
- 77777A
색 조화
보색 +180°
- 2E2848
Blackberry Black
- 2F3009
≈ Olivenite
유사색 -30° +30°
- 2E2848
Blackberry Black
- 1D2D4A
≈ Manganese Black
- 3B243F
≈ Kokimurasaki Purple
삼각 배색 +120° +240°
- 2E2848
Blackberry Black
- 442411
≈ Duqqa Brown
- 02372A
≈ Coach Green
분열 보색 +150° +210°
- 2E2848
Blackberry Black
- 3C2A05
≈ Secret Passage
- 1C3519
≈ Darkest Forest
사각 배색 +90° +180° +270°
- 2E2848
Blackberry Black
- 462121
≈ Marmite
- 2F3009
≈ Olivenite
- 003538
≈ Shrub Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.87:1 · APCA Lc 100
Ag
Fail검은색 위
WCAG 1.51:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.87:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--blackberry-black: #2e2848;
--blackberry-black-rgb: 46 40 72;
--blackberry-black-oklch: oklch(0.299 0.057 291.2);
}
.element {
color: var(--blackberry-black);
background-color: hsl(251 29% 22%);
border-color: oklch(0.299 0.057 291.2);
}Tailwind CSS v4
@theme {
--color-blackberry-black: #2e2848;
--color-blackberry-black-50: #f5f2ff;
--color-blackberry-black-100: #e8e5fa;
--color-blackberry-black-200: #d5d0eb;
--color-blackberry-black-300: #b8b2d3;
--color-blackberry-black-400: #9e99be;
--color-blackberry-black-500: #8680aa;
--color-blackberry-black-600: #716c8f;
--color-blackberry-black-700: #5b5773;
--color-blackberry-black-800: #413f55;
--color-blackberry-black-900: #2d2c3b;
--color-blackberry-black-950: #1a1925;
}SCSS
$blackberry-black: #2e2848;
$blackberry-black-rgb: 46, 40, 72;
$blackberry-black-light: mix(#fff, $blackberry-black, 20%);
$blackberry-black-dark: mix(#000, $blackberry-black, 20%);
.element {
color: $blackberry-black;
box-shadow: 0 0 0 2px rgba($blackberry-black, 0.35);
}