Nazwany kolor · #884A50
Currant Jam
Currant Jam to #884A50: rgb(136 74 80), hsl(354 30% 41%), oklch(0.485 0.084 14.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Currant Jam color name →
#884A50
oklch(0.485 0.084 14.5)
Konwersje koloru
- HEX
- #884a50
- RGB
- rgb(136 74 80)
- HSL
- hsl(354 30% 41%)
- HWB
- hwb(354 29% 47%)
- OKLCH
- oklch(0.485 0.084 14.5)
- OKLab
- oklab(0.485 0.081 0.021)
- CIE Lab
- lab(39.37 27.36 8.7)
- LCH
- lch(39.37 28.71 17.6)
- CMYK
- cmyk(0% 46% 41% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 945B60
- A16C70
- AD7E81
- B98F92
- C5A1A3
- D1B4B5
- DCC6C7
- E8D9D9
- F4ECEC
Odcienie ciemniejsze
- 753F44
- 633539
- 522A2E
- 412024
- 31171A
- 220E10
- 130607
- 060202
- 010000
Tony
- 885055
- 885559
- 875B5E
- 876063
- 866668
- 856B6C
- 847071
- 837676
- 827B7B
Harmonie kolorów
Komplementarna +180°
- 884A50
Currant Jam
- 006D6D
≈ Caribbean Current
Analogowa -30° +30°
- 884A50
Currant Jam
- 804B6A
≈ Madder Magenta
- 864F36
≈ Curry Brown
Triada +120° +240°
- 884A50
Currant Jam
- 4A6A37
≈ Tree Shade
- 3C618E
≈ Mississippi River
Komplementarna rozszczepiona +150° +210°
- 884A50
Currant Jam
- 266E53
≈ Sparkling Emerald
- 176983
≈ Ansel
Tetrada +90° +180° +270°
- 884A50
Currant Jam
- 676122
≈ Greenish Brown
- 006D6D
≈ Caribbean Current
- 5A588D
≈ Berry Mix
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.68:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--currant-jam: #884a50;
--currant-jam-rgb: 136 74 80;
--currant-jam-oklch: oklch(0.485 0.084 14.5);
}
.element {
color: var(--currant-jam);
background-color: hsl(354 30% 41%);
border-color: oklch(0.485 0.084 14.5);
}Tailwind CSS v4
@theme {
--color-currant-jam: #884a50;
--color-currant-jam-50: #ffeced;
--color-currant-jam-100: #ffddde;
--color-currant-jam-200: #f6c6c8;
--color-currant-jam-300: #dfa6a8;
--color-currant-jam-400: #cb8a8f;
--color-currant-jam-500: #b76e75;
--color-currant-jam-600: #9b5e63;
--color-currant-jam-700: #7c4b4f;
--color-currant-jam-800: #5c363a;
--color-currant-jam-900: #402528;
--color-currant-jam-950: #291316;
}SCSS
$currant-jam: #884a50;
$currant-jam-rgb: 136, 74, 80;
$currant-jam-light: mix(#fff, $currant-jam, 20%);
$currant-jam-dark: mix(#000, $currant-jam, 20%);
.element {
color: $currant-jam;
box-shadow: 0 0 0 2px rgba($currant-jam, 0.35);
}