Colore con nome · #6A1F44
Pompadour
Pompadour è #6A1F44: rgb(106 31 68), hsl(330 55% 27%), oklch(0.37 0.113 353.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Pompadour color name →
#6A1F44
oklch(0.37 0.113 353.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 7A3655
- 894B66
- 996078
- A8768A
- B78C9C
- C5A2AF
- D4B9C3
- E2D0D6
- F1E7EB
Ombre
- 5B193A
- 4D1430
- 3F0F26
- 310A1D
- 240614
- 18030C
- 0D0105
- 040002
- 000000
Toni
- 6D2A4A
- 713550
- 743F55
- 76485B
- 795261
- 7B5B67
- 7D646D
- 7E6D74
- 7F777A
Armonie di colore
Complementare +180°
- 6A1F44
Pompadour
- 004B3C
≈ Aqua Deep
Analogo -30° +30°
- 6A1F44
Pompadour
- 5B2661
≈ Kuwanomi Purple
- 701F20
≈ Persian Plum
Triadico +120° +240°
- 6A1F44
Pompadour
- 404400
≈ Green Not Found
- 004662
≈ Loyal Blue
Complementare divisa +150° +210°
- 6A1F44
Pompadour
- 0A4E0F
≈ Malachite Green
- 00494F
≈ Sherpa Blue
Tetradico +90° +180° +270°
- 6A1F44
Pompadour
- 533B00
≈ Pineapple
- 004B3C
≈ Aqua Deep
- 1F3B7B
≈ Surf the Web
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.09:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.89:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
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);
}