Nazwany kolor · #6A1F44
Pompadour
Pompadour to #6A1F44: rgb(106 31 68), hsl(330 55% 27%), oklch(0.37 0.113 353.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Pompadour color name →
#6A1F44
oklch(0.37 0.113 353.7)
Konwersje koloru
- HEX
- #6a1f44
- RGB
- rgb(106 31 68)
- HSL
- hsl(330 55% 27%)
- HWB
- hwb(330 12% 58%)
- OKLCH
- oklch(0.37 0.113 353.7)
- OKLab
- oklab(0.37 0.113 -0.012)
- CIE Lab
- lab(25.38 36.38 -4.28)
- LCH
- lch(25.38 36.64 353.3)
- CMYK
- cmyk(0% 71% 36% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7A3655
- 894B66
- 996078
- A8768A
- B78C9C
- C5A2AF
- D4B9C3
- E2D0D6
- F1E7EB
Odcienie ciemniejsze
- 5B193A
- 4D1430
- 3F0F26
- 310A1D
- 240614
- 18030C
- 0D0105
- 040002
- 000000
Tony
- 6D2A4A
- 713550
- 743F55
- 76485B
- 795261
- 7B5B67
- 7D646D
- 7E6D74
- 7F777A
Harmonie kolorów
Komplementarna +180°
- 6A1F44
Pompadour
- 004B3C
≈ Aqua Deep
Analogowa -30° +30°
- 6A1F44
Pompadour
- 5B2661
≈ Kuwanomi Purple
- 701F20
≈ Persian Plum
Triada +120° +240°
- 6A1F44
Pompadour
- 404400
≈ Green Not Found
- 004662
≈ Loyal Blue
Komplementarna rozszczepiona +150° +210°
- 6A1F44
Pompadour
- 0A4E0F
≈ Malachite Green
- 00494F
≈ Sherpa Blue
Tetrada +90° +180° +270°
- 6A1F44
Pompadour
- 533B00
≈ Pineapple
- 004B3C
≈ Aqua Deep
- 1F3B7B
≈ Surf the Web
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.09:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.89:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--pompadour: #6a1f44;
--pompadour-rgb: 106 31 68;
--pompadour-oklch: oklch(0.37 0.113 353.7);
}
.element {
color: var(--pompadour);
background-color: hsl(330 55% 27%);
border-color: oklch(0.37 0.113 353.7);
}Tailwind CSS v4
@theme {
--color-pompadour: #6a1f44;
--color-pompadour-50: #ffe8f6;
--color-pompadour-100: #ffd9e9;
--color-pompadour-200: #fdc1d6;
--color-pompadour-300: #e79fba;
--color-pompadour-400: #d382a3;
--color-pompadour-500: #bf648c;
--color-pompadour-600: #a15576;
--color-pompadour-700: #81445f;
--color-pompadour-800: #603147;
--color-pompadour-900: #432131;
--color-pompadour-950: #2b101d;
}SCSS
$pompadour: #6a1f44;
$pompadour-rgb: 106, 31, 68;
$pompadour-light: mix(#fff, $pompadour, 20%);
$pompadour-dark: mix(#000, $pompadour, 20%);
.element {
color: $pompadour;
box-shadow: 0 0 0 2px rgba($pompadour, 0.35);
}