Couleur nommée la plus proche · #9F443B
#9F443B
Couleur nommée la plus proche: Rusty Heart
#9F443B (rgb(159 68 59), hsl(5 46% 43%), oklch(0.505 0.123 27.9)) est la plus proche de la couleur nommée Rusty Heart. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9F443B
oklch(0.505 0.123 27.9)
Conversions de couleur
- HEX
- #9f443b
- RGB
- rgb(159 68 59)
- HSL
- hsl(5 46% 43%)
- HWB
- hwb(5 23% 38%)
- OKLCH
- oklch(0.505 0.123 27.9)
- OKLab
- oklab(0.505 0.109 0.058)
- CIE Lab
- lab(41.41 38.14 25.06)
- LCH
- lch(41.41 45.63 33.3)
- CMYK
- cmyk(0% 57% 63% 38%)
Teintes · Ombres · Tons
Teintes
- AA574D
- B56960
- BF7C73
- C98E86
- D3A099
- DDB3AD
- E6C6C1
- EED9D5
- F7ECEA
Ombres
- 8A3A32
- 753029
- 612621
- 4D1D19
- 3B1411
- 290C09
- 180504
- 090201
- 010000
Tons
- 9D4B42
- 9B5249
- 995850
- 965F57
- 93655E
- 906A65
- 8D706C
- 897572
- 857B79
Harmonies de couleurs
Complémentaire +180°
- 9F443B
Rusty Heart
- 00727E
≈ Night Scape
Analogue -30° +30°
- 9F443B
Rusty Heart
- 9A4264
≈ Velvet Wine
- 965000
≈ Warm Brown
Triadique +120° +240°
- 9F443B
Rusty Heart
- 267739
≈ Japanese Laurel
- 465FAB
≈ Kakitsubata Blue
Complémentaire divisée +150° +210°
- 9F443B
Rusty Heart
- 007665
≈ Teal Waters
- 006C9C
≈ Disarm
Tétradique +90° +180° +270°
- 9F443B
Rusty Heart
- 5F6D00
≈ Brownish Green
- 00727E
≈ Night Scape
- 6E52A1
≈ Sumire Violet
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.24:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.36:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--rusty-heart: #9f443b;
--rusty-heart-rgb: 159 68 59;
--rusty-heart-oklch: oklch(0.505 0.123 27.9);
}
.element {
color: var(--rusty-heart);
background-color: hsl(5 46% 43%);
border-color: oklch(0.505 0.123 27.9);
}Tailwind CSS v4
@theme {
--color-rusty-heart: #9f443b;
--color-rusty-heart-50: #ffe9e1;
--color-rusty-heart-100: #ffd9d0;
--color-rusty-heart-200: #ffc1b5;
--color-rusty-heart-300: #f09f92;
--color-rusty-heart-400: #de8175;
--color-rusty-heart-500: #cb6257;
--color-rusty-heart-600: #ab544a;
--color-rusty-heart-700: #8a433b;
--color-rusty-heart-800: #662f2b;
--color-rusty-heart-900: #48201d;
--color-rusty-heart-950: #2f0f0d;
}SCSS
$rusty-heart: #9f443b;
$rusty-heart-rgb: 159, 68, 59;
$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);
}