Colore con nome · #B94E41
Conker
Conker è #B94E41: rgb(185 78 65), hsl(7 48% 49%), oklch(0.561 0.141 29.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Conker color name →
#B94E41
oklch(0.561 0.141 29.3)
Conversioni di colore
- HEX
- #b94e41
- RGB
- rgb(185 78 65)
- HSL
- hsl(7 48% 49%)
- HWB
- hwb(7 25% 27%)
- OKLCH
- oklch(0.561 0.141 29.3)
- OKLab
- oklab(0.561 0.123 0.069)
- CIE Lab
- lab(47.72 43.5 30.33)
- LCH
- lch(47.72 53.03 34.9)
- CMYK
- cmyk(0% 58% 65% 27%)
Tinte · Ombre · Toni
Tinte
- C26153
- CA7366
- D28478
- DA968B
- E1A79D
- E8B8B0
- EECAC4
- F4DBD7
- FAEDEB
Ombre
- A04337
- 89382E
- 712D25
- 5B231C
- 461913
- 310F0B
- 1E0705
- 0D0201
- 020000
Toni
- B45548
- B05B4F
- AB6055
- A6655C
- A06A62
- 9A6F68
- 94746E
- 8E7874
- 877C7A
Armonie di colore
Complementare +180°
- B94E41
Conker
- 008493
≈ True Teal
Analogo -30° +30°
- B94E41
Conker
- B44B72
≈ Royal Heath
- AC5E00
≈ Raw Umber
Triadico +120° +240°
- B94E41
Conker
- 238B43
≈ Grass Court
- 546EC7
≈ Han Blue
Complementare divisa +150° +210°
- B94E41
Conker
- 008876
≈ Green Ink
- 007DB6
≈ Artesian Water
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.96:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.22:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--conker: #b94e41;
--conker-rgb: 185 78 65;
--conker-oklch: oklch(0.561 0.141 29.3);
}
.element {
color: var(--conker);
background-color: hsl(7 48% 49%);
border-color: oklch(0.561 0.141 29.3);
}Tailwind CSS v4
@theme {
--color-conker: #b94e41;
--color-conker-50: #ffe7dd;
--color-conker-100: #ffd7cb;
--color-conker-200: #ffbeaf;
--color-conker-300: #f79c8a;
--color-conker-400: #e67b6c;
--color-conker-500: #d35b4c;
--color-conker-600: #b24e41;
--color-conker-700: #8f3e34;
--color-conker-800: #6b2c26;
--color-conker-900: #4b1e19;
--color-conker-950: #310d0a;
}SCSS
$conker: #b94e41;
$conker-rgb: 185, 78, 65;
$conker-light: mix(#fff, $conker, 20%);
$conker-dark: mix(#000, $conker, 20%);
.element {
color: $conker;
box-shadow: 0 0 0 2px rgba($conker, 0.35);
}