이름 색상 · #A00498
Barney Purple
Barney Purple은(는) #A00498: rgb(160 4 152), hsl(303 95% 32%), oklch(0.491 0.221 331.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Barney Purple color name →
#A00498
oklch(0.491 0.221 331.1)
색상 변환
- HEX
- #a00498
- RGB
- rgb(160 4 152)
- HSL
- hsl(303 95% 32%)
- HWB
- hwb(303 2% 37%)
- OKLCH
- oklch(0.491 0.221 331.1)
- OKLab
- oklab(0.491 0.193 -0.107)
- CIE Lab
- lab(37.5 64.7 -38.26)
- LCH
- lch(37.5 75.17 329.4)
- CMYK
- cmyk(0% 98% 5% 37%)
틴트 · 셰이드 · 톤
틴트
- AC33A3
- B74EAD
- C166B8
- CB7DC2
- D592CD
- DEA8D7
- E7BEE1
- EFD3EB
- F7E9F5
셰이드
- 8B0384
- 760270
- 61015C
- 4E014A
- 3B0138
- 290027
- 190017
- 090008
- 010001
톤
- 9E2496
- 9C3594
- 9A4292
- 974D90
- 94578E
- 91608B
- 8E6889
- 8A7186
- 857883
색 조화
보색 +180°
- A00498
Barney Purple
- 007537
≈ Forestial
유사색 -30° +30°
- A00498
Barney Purple
- 792CC6
≈ Puissant Purple
- B1005A
≈ Shy Guy Red
삼각 배색 +120° +240°
- A00498
Barney Purple
- 765E00
≈ Hot Mustard
- 006D7C
≈ Coastal Jetty
분열 보색 +150° +210°
- A00498
Barney Purple
- 576A00
≈ Serrano Pepper
- 007164
≈ Falcon Turquoise
사각 배색 +90° +180° +270°
- A00498
Barney Purple
- 8E4F00
≈ Plain Old Brown
- 007537
≈ Forestial
- 00679B
≈ Impulse Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.08:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 2.96:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--barney-purple: #a00498;
--barney-purple-rgb: 160 4 152;
--barney-purple-oklch: oklch(0.491 0.221 331.1);
}
.element {
color: var(--barney-purple);
background-color: hsl(303 95% 32%);
border-color: oklch(0.491 0.221 331.1);
}Tailwind CSS v4
@theme {
--color-barney-purple: #a00498;
--color-barney-purple-50: #ffdeff;
--color-barney-purple-100: #ffcdff;
--color-barney-purple-200: #ffb0fd;
--color-barney-purple-300: #f888e7;
--color-barney-purple-400: #e463d9;
--color-barney-purple-500: #d235c7;
--color-barney-purple-600: #b130a8;
--color-barney-purple-700: #8e2687;
--color-barney-purple-800: #691a67;
--color-barney-purple-900: #4a1248;
--color-barney-purple-950: #30032f;
}SCSS
$barney-purple: #a00498;
$barney-purple-rgb: 160, 4, 152;
$barney-purple-light: mix(#fff, $barney-purple, 20%);
$barney-purple-dark: mix(#000, $barney-purple, 20%);
.element {
color: $barney-purple;
box-shadow: 0 0 0 2px rgba($barney-purple, 0.35);
}