Nazwany kolor · #A00498
Barney Purple
Barney Purple to #A00498: rgb(160 4 152), hsl(303 95% 32%), oklch(0.491 0.221 331.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Barney Purple color name →
#A00498
oklch(0.491 0.221 331.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AC33A3
- B74EAD
- C166B8
- CB7DC2
- D592CD
- DEA8D7
- E7BEE1
- EFD3EB
- F7E9F5
Odcienie ciemniejsze
- 8B0384
- 760270
- 61015C
- 4E014A
- 3B0138
- 290027
- 190017
- 090008
- 010001
Tony
- 9E2496
- 9C3594
- 9A4292
- 974D90
- 94578E
- 91608B
- 8E6889
- 8A7186
- 857883
Harmonie kolorów
Komplementarna +180°
- A00498
Barney Purple
- 007537
≈ Forestial
Analogowa -30° +30°
- A00498
Barney Purple
- 792CC6
≈ Puissant Purple
- B1005A
≈ Shy Guy Red
Triada +120° +240°
- A00498
Barney Purple
- 765E00
≈ Hot Mustard
- 006D7C
≈ Coastal Jetty
Komplementarna rozszczepiona +150° +210°
- A00498
Barney Purple
- 576A00
≈ Serrano Pepper
- 007164
≈ Falcon Turquoise
Tetrada +90° +180° +270°
- A00498
Barney Purple
- 8E4F00
≈ Plain Old Brown
- 007537
≈ Forestial
- 00679B
≈ Impulse Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.08:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 2.96:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}