Colore con nome · #B14B38
Spiced Up
Spiced Up è #B14B38: rgb(177 75 56), hsl(9 52% 46%), oklch(0.543 0.137 32.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Spiced Up color name →
#B14B38
oklch(0.543 0.137 32.4)
Conversioni di colore
- HEX
- #b14b38
- RGB
- rgb(177 75 56)
- HSL
- hsl(9 52% 46%)
- HWB
- hwb(9 22% 31%)
- OKLCH
- oklch(0.543 0.137 32.4)
- OKLab
- oklab(0.543 0.116 0.074)
- CIE Lab
- lab(45.72 41.53 32.78)
- LCH
- lch(45.72 52.9 38.3)
- CMYK
- cmyk(0% 58% 68% 31%)
Tinte · Ombre · Toni
Tinte
- BB5E4C
- C4705F
- CD8272
- D59386
- DDA599
- E5B7AD
- ECC9C1
- F3DBD5
- F9EDEA
Ombre
- 99402F
- 833527
- 6C2B1F
- 572117
- 42170F
- 2F0E08
- 1C0604
- 0C0201
- 010000
Toni
- AD5240
- A95848
- A55E50
- A16457
- 9C695E
- 976E65
- 92736C
- 8C7773
- 867C79
Armonie di colore
Complementare +180°
- B14B38
Spiced Up
- 007D90
≈ Pagoda
Analogo -30° +30°
- B14B38
Spiced Up
- AD4769
≈ Bing Cherry Pie
- A15C00
≈ Soft Tone Ink
Triadico +120° +240°
- B14B38
Spiced Up
- 0E8545
≈ Philippine Green
- 5567BF
≈ Borage Blue
Complementare divisa +150° +210°
- B14B38
Spiced Up
- 008174
≈ Green Garlands
- 0076B4
≈ Brilliant Blue
Tetradico +90° +180° +270°
- B14B38
Spiced Up
- 627B00
≈ Topiary Green
- 007D90
≈ Pagoda
- 7F58B1
≈ Simply Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.33:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.93:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--spiced-up: #b14b38;
--spiced-up-rgb: 177 75 56;
--spiced-up-oklch: oklch(0.543 0.137 32.4);
}
.element {
color: var(--spiced-up);
background-color: hsl(9 52% 46%);
border-color: oklch(0.543 0.137 32.4);
}Tailwind CSS v4
@theme {
--color-spiced-up: #b14b38;
--color-spiced-up-50: #ffe8db;
--color-spiced-up-100: #ffd8ca;
--color-spiced-up-200: #ffc0ad;
--color-spiced-up-300: #f59d88;
--color-spiced-up-400: #e47e69;
--color-spiced-up-500: #d15d48;
--color-spiced-up-600: #b1503d;
--color-spiced-up-700: #8e4031;
--color-spiced-up-800: #6a2d24;
--color-spiced-up-900: #4b1e18;
--color-spiced-up-950: #310e09;
}SCSS
$spiced-up: #b14b38;
$spiced-up-rgb: 177, 75, 56;
$spiced-up-light: mix(#fff, $spiced-up, 20%);
$spiced-up-dark: mix(#000, $spiced-up, 20%);
.element {
color: $spiced-up;
box-shadow: 0 0 0 2px rgba($spiced-up, 0.35);
}