Colore con nome · #BB4411
Pindjur Red
Pindjur Red è #BB4411: rgb(187 68 17), hsl(18 83% 40%), oklch(0.546 0.164 39.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Pindjur Red color name →
#BB4411
oklch(0.546 0.164 39.7)
Conversioni di colore
- HEX
- #bb4411
- RGB
- rgb(187 68 17)
- HSL
- hsl(18 83% 40%)
- HWB
- hwb(18 7% 27%)
- OKLCH
- oklch(0.546 0.164 39.7)
- OKLab
- oklab(0.546 0.126 0.105)
- CIE Lab
- lab(45.95 47.37 52.49)
- LCH
- lch(45.95 70.7 47.9)
- CMYK
- cmyk(0% 64% 91% 27%)
Tinte · Ombre · Toni
Tinte
- C45932
- CD6C4B
- D57F62
- DC9178
- E3A48E
- EAB6A4
- F0C8BB
- F5DAD1
- FAEDE8
Ombre
- A23A0D
- 8A3009
- 732606
- 5C1D04
- 461402
- 320C01
- 1F0500
- 0D0200
- 020000
Toni
- B64D25
- B25433
- AD5B3F
- A76149
- A26753
- 9C6D5D
- 967266
- 8F776F
- 887C77
Armonie di colore
Complementare +180°
- BB4411
Pindjur Red
- 007D98
≈ Pacific Pleasure
Analogo -30° +30°
- BB4411
Pindjur Red
- BB3B5B
≈ Raspberry Wine
- 9C6200
≈ Raw Sienna
Triadico +120° +240°
- BB4411
Pindjur Red
- 008656
≈ Pixel Nature
- 6060CC
≈ Dark Periwinkle
Complementare divisa +150° +210°
- BB4411
Pindjur Red
- 00817C
≈ Blue Winged Teal
- 0073C5
≈ Science Blue
Tetradico +90° +180° +270°
- BB4411
Pindjur Red
- 538000
≈ Avocado
- 007D98
≈ Pacific Pleasure
- 8D4FB6
≈ Tyrian Shimmer
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.31:1 · APCA Lc 75
Ag
FailSu nero
WCAG 3.94:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.31:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--pindjur-red: #bb4411;
--pindjur-red-rgb: 187 68 17;
--pindjur-red-oklch: oklch(0.546 0.164 39.7);
}
.element {
color: var(--pindjur-red);
background-color: hsl(18 83% 40%);
border-color: oklch(0.546 0.164 39.7);
}Tailwind CSS v4
@theme {
--color-pindjur-red: #bb4411;
--color-pindjur-red-50: #ffe7d1;
--color-pindjur-red-100: #ffd7be;
--color-pindjur-red-200: #ffbd9d;
--color-pindjur-red-300: #fd9a73;
--color-pindjur-red-400: #ed784f;
--color-pindjur-red-500: #db551f;
--color-pindjur-red-600: #b9491d;
--color-pindjur-red-700: #953a17;
--color-pindjur-red-800: #6f2912;
--color-pindjur-red-900: #4f1b0b;
--color-pindjur-red-950: #340b01;
}SCSS
$pindjur-red: #bb4411;
$pindjur-red-rgb: 187, 68, 17;
$pindjur-red-light: mix(#fff, $pindjur-red, 20%);
$pindjur-red-dark: mix(#000, $pindjur-red, 20%);
.element {
color: $pindjur-red;
box-shadow: 0 0 0 2px rgba($pindjur-red, 0.35);
}