Najbliższy nazwany kolor · #983F38
#983F38
Najbliższy nazwany kolor: Rusty Heart
#983F38 (rgb(152 63 56), hsl(4 46% 41%), oklch(0.486 0.121 27)) jest najbliższy nazwanemu kolorowi Rusty Heart. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#983F38
oklch(0.486 0.121 27)
Konwersje koloru
- HEX
- #983f38
- RGB
- rgb(152 63 56)
- HSL
- hsl(4 46% 41%)
- HWB
- hwb(4 22% 40%)
- OKLCH
- oklch(0.486 0.121 27)
- OKLab
- oklab(0.486 0.108 0.055)
- CIE Lab
- lab(39.22 37.7 23.88)
- LCH
- lch(39.22 44.63 32.3)
- CMYK
- cmyk(0% 59% 63% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A4524B
- AF655D
- BA7870
- C58B84
- D09E97
- DAB1AB
- E3C4C0
- EDD7D4
- F6EBEA
Odcienie ciemniejsze
- 84352F
- 702C27
- 5C231F
- 4A1B17
- 38120F
- 270A08
- 170404
- 080101
- 010000
Tony
- 974740
- 954E47
- 94554E
- 925C55
- 90625C
- 8D6864
- 8A6E6B
- 877472
- 847A79
Harmonie kolorów
Komplementarna +180°
- 983F38
Rusty Heart
- 006C77
≈ Toadstool Teal
Analogowa -30° +30°
- 983F38
Rusty Heart
- 933D60
≈ Aurora Magenta
- 8F4A00
≈ Parasite Brown
Triada +120° +240°
- 983F38
Rusty Heart
- 247133
≈ Hawaiian Ti Leaf
- 405AA3
≈ Blue Dahlia
Komplementarna rozszczepiona +150° +210°
- 983F38
Rusty Heart
- 00705E
≈ Falcon Turquoise
- 006793
≈ Peacock Blue
Tetrada +90° +180° +270°
- 983F38
Rusty Heart
- 5B6700
≈ Mud Green
- 006C77
≈ Toadstool Teal
- 674E9B
≈ Ultrapurple Merge
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.76:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.10:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--rusty-heart: #983f38;
--rusty-heart-rgb: 152 63 56;
--rusty-heart-oklch: oklch(0.486 0.121 27);
}
.element {
color: var(--rusty-heart);
background-color: hsl(4 46% 41%);
border-color: oklch(0.486 0.121 27);
}Tailwind CSS v4
@theme {
--color-rusty-heart: #983f38;
--color-rusty-heart-50: #ffe9e1;
--color-rusty-heart-100: #ffdad1;
--color-rusty-heart-200: #ffc1b7;
--color-rusty-heart-300: #efa094;
--color-rusty-heart-400: #dd8177;
--color-rusty-heart-500: #ca6359;
--color-rusty-heart-600: #ab544c;
--color-rusty-heart-700: #89433c;
--color-rusty-heart-800: #66302c;
--color-rusty-heart-900: #48201e;
--color-rusty-heart-950: #2f0f0e;
}SCSS
$rusty-heart: #983f38;
$rusty-heart-rgb: 152, 63, 56;
$rusty-heart-light: mix(#fff, $rusty-heart, 20%);
$rusty-heart-dark: mix(#000, $rusty-heart, 20%);
.element {
color: $rusty-heart;
box-shadow: 0 0 0 2px rgba($rusty-heart, 0.35);
}