Nazwany kolor · #B14B38
Spiced Up
Spiced Up to #B14B38: rgb(177 75 56), hsl(9 52% 46%), oklch(0.543 0.137 32.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Spiced Up color name →
#B14B38
oklch(0.543 0.137 32.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BB5E4C
- C4705F
- CD8272
- D59386
- DDA599
- E5B7AD
- ECC9C1
- F3DBD5
- F9EDEA
Odcienie ciemniejsze
- 99402F
- 833527
- 6C2B1F
- 572117
- 42170F
- 2F0E08
- 1C0604
- 0C0201
- 010000
Tony
- AD5240
- A95848
- A55E50
- A16457
- 9C695E
- 976E65
- 92736C
- 8C7773
- 867C79
Harmonie kolorów
Komplementarna +180°
- B14B38
Spiced Up
- 007D90
≈ Pagoda
Analogowa -30° +30°
- B14B38
Spiced Up
- AD4769
≈ Bing Cherry Pie
- A15C00
≈ Soft Tone Ink
Triada +120° +240°
- B14B38
Spiced Up
- 0E8545
≈ Philippine Green
- 5567BF
≈ Borage Blue
Komplementarna rozszczepiona +150° +210°
- B14B38
Spiced Up
- 008174
≈ Green Garlands
- 0076B4
≈ Brilliant Blue
Tetrada +90° +180° +270°
- B14B38
Spiced Up
- 627B00
≈ Topiary Green
- 007D90
≈ Pagoda
- 7F58B1
≈ Simply Purple
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.33:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.93:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}