Couleur nommée la plus proche · #843932
#843932
Couleur nommée la plus proche: Dockside Red
#843932 (rgb(132 57 50), hsl(5 45% 36%), oklch(0.444 0.105 27.5)) est la plus proche de la couleur nommée Dockside Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#843932
oklch(0.444 0.105 27.5)
Conversions de couleur
- HEX
- #843932
- RGB
- rgb(132 57 50)
- HSL
- hsl(5 45% 36%)
- HWB
- hwb(5 20% 48%)
- OKLCH
- oklch(0.444 0.105 27.5)
- OKLab
- oklab(0.444 0.093 0.048)
- CIE Lab
- lab(34.52 32.52 20.87)
- LCH
- lch(34.52 38.64 32.7)
- CMYK
- cmyk(0% 57% 62% 48%)
Teintes · Ombres · Tons
Teintes
- 914C45
- 9E5F58
- AB726B
- B8867F
- C49993
- D0ADA8
- DCC1BD
- E8D5D3
- F4EAE9
Ombres
- 72302A
- 602822
- 4F1F1B
- 3F1714
- 2F100D
- 200907
- 120403
- 060101
- 010000
Tons
- 85413A
- 854942
- 855049
- 865751
- 855E59
- 856561
- 846C68
- 837370
- 827978
Harmonies de couleurs
Complémentaire +180°
- 843932
Dockside Red
- 005F69
≈ Petrol
Analogue -30° +30°
- 843932
Dockside Red
- 803754
≈ Rich Red Violet
- 7E4204
≈ Hazelnut Chocolate
Triadique +120° +240°
- 843932
Dockside Red
- 22632F
≈ Bucolic
- 3A508D
≈ Tory Blue
Complémentaire divisée +150° +210°
- 843932
Dockside Red
- 006253
≈ Philodendron
- 005A83
≈ High Profile
Tétradique +90° +180° +270°
- 843932
Dockside Red
- 505A00
≈ Greensboro
- 005F69
≈ Petrol
- 5B4586
≈ Gigas
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.03:1 · APCA Lc 87
Ag
FailSur noir
WCAG 2.61:1 · APCA Lc 15
Meilleure couleur de texte: #FFFFFF
WCAG 8.03:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--dockside-red: #843932;
--dockside-red-rgb: 132 57 50;
--dockside-red-oklch: oklch(0.444 0.105 27.5);
}
.element {
color: var(--dockside-red);
background-color: hsl(5 45% 36%);
border-color: oklch(0.444 0.105 27.5);
}Tailwind CSS v4
@theme {
--color-dockside-red: #843932;
--color-dockside-red-50: #ffebe4;
--color-dockside-red-100: #ffdcd4;
--color-dockside-red-200: #fec4ba;
--color-dockside-red-300: #e8a398;
--color-dockside-red-400: #d5867c;
--color-dockside-red-500: #c2695f;
--color-dockside-red-600: #a45951;
--color-dockside-red-700: #844740;
--color-dockside-red-800: #62332f;
--color-dockside-red-900: #452320;
--color-dockside-red-950: #2c1110;
}SCSS
$dockside-red: #843932;
$dockside-red-rgb: 132, 57, 50;
$dockside-red-light: mix(#fff, $dockside-red, 20%);
$dockside-red-dark: mix(#000, $dockside-red, 20%);
.element {
color: $dockside-red;
box-shadow: 0 0 0 2px rgba($dockside-red, 0.35);
}