이름 색상 · #8470FF
Blackthorn Berry
Blackthorn Berry은(는) #8470FF: rgb(132 112 255), hsl(248 100% 72%), oklch(0.637 0.204 285.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Blackthorn Berry color name →
#8470FF
oklch(0.637 0.204 285.4)
색상 변환
- HEX
- #8470ff
- RGB
- rgb(132 112 255)
- HSL
- hsl(248 100% 72%)
- HWB
- hwb(248 44% 0%)
- OKLCH
- oklch(0.637 0.204 285.4)
- OKLab
- oklab(0.637 0.054 -0.197)
- CIE Lab
- lab(54.88 35.57 -70.06)
- LCH
- lch(54.88 78.58 296.9)
- CMYK
- cmyk(48% 56% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 8E80FF
- 998FFF
- A59EFF
- B0ACFF
- BDBAFF
- C9C8FF
- D6D6FF
- E4E4FF
- F1F1FF
셰이드
- 7260DE
- 6051BE
- 4F439E
- 3F3580
- 2F2763
- 201A48
- 120E2E
- 060416
- 010103
톤
- 8373F3
- 8276E6
- 8179DA
- 807BCD
- 807CC1
- 807EB4
- 7F7FA7
- 7F7F9A
- 80808D
색 조화
보색 +180°
- 8470FF
Blackthorn Berry
- 978F00
≈ Smoothie Green
유사색 -30° +30°
- 8470FF
Blackthorn Berry
- 1F89FF
≈ Pool Water
- B95ADD
≈ Medium Orchid
삼각 배색 +120° +240°
- 8470FF
Blackthorn Berry
- DF5E00
≈ Ferocious Fox
- 00A477
≈ Bluish Green
분열 보색 +150° +210°
- 8470FF
Blackthorn Berry
- B97D00
≈ Guo Tie Dumpling
- 52A200
≈ Prairie Green
사각 배색 +90° +180° +270°
- 8470FF
Blackthorn Berry
- EC4361
≈ Smudged Lips
- 978F00
≈ Smoothie Green
- 009FA0
≈ Pleasant Stream
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.65:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.74:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--blackthorn-berry: #8470ff;
--blackthorn-berry-rgb: 132 112 255;
--blackthorn-berry-oklch: oklch(0.637 0.204 285.4);
}
.element {
color: var(--blackthorn-berry);
background-color: hsl(248 100% 72%);
border-color: oklch(0.637 0.204 285.4);
}Tailwind CSS v4
@theme {
--color-blackthorn-berry: #8470ff;
--color-blackthorn-berry-50: #f1edff;
--color-blackthorn-berry-100: #e3deff;
--color-blackthorn-berry-200: #cfc6ff;
--color-blackthorn-berry-300: #b2a4ff;
--color-blackthorn-berry-400: #9687ff;
--color-blackthorn-berry-500: #8065ff;
--color-blackthorn-berry-600: #6c57db;
--color-blackthorn-berry-700: #5645b0;
--color-blackthorn-berry-800: #3c3385;
--color-blackthorn-berry-900: #29235e;
--color-blackthorn-berry-950: #181040;
}SCSS
$blackthorn-berry: #8470ff;
$blackthorn-berry-rgb: 132, 112, 255;
$blackthorn-berry-light: mix(#fff, $blackthorn-berry, 20%);
$blackthorn-berry-dark: mix(#000, $blackthorn-berry, 20%);
.element {
color: $blackthorn-berry;
box-shadow: 0 0 0 2px rgba($blackthorn-berry, 0.35);
}