Couleur nommée la plus proche · #7B3732
#7B3732
Couleur nommée la plus proche: Dockside Red
#7B3732 (rgb(123 55 50), hsl(4 42% 34%), oklch(0.427 0.096 26.2)) 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.
#7B3732
oklch(0.427 0.096 26.2)
Conversions de couleur
- HEX
- #7b3732
- RGB
- rgb(123 55 50)
- HSL
- hsl(4 42% 34%)
- HWB
- hwb(4 20% 52%)
- OKLCH
- oklch(0.427 0.096 26.2)
- OKLab
- oklab(0.427 0.086 0.042)
- CIE Lab
- lab(32.57 29.91 18.04)
- LCH
- lch(32.57 34.93 31.1)
- CMYK
- cmyk(0% 55% 59% 52%)
Teintes · Ombres · Tons
Teintes
- 894A44
- 975D57
- A4706B
- B2847F
- BF9893
- CCACA8
- D9C0BD
- E6D5D3
- F2EAE9
Ombres
- 6A2E2A
- 5A2622
- 4A1E1B
- 3A1614
- 2C0F0D
- 1E0807
- 100303
- 050101
- 010000
Tons
- 7D3F3A
- 7E4741
- 7F4E49
- 805551
- 815D59
- 816460
- 816B68
- 817270
- 817978
Harmonies de couleurs
Complémentaire +180°
- 7B3732
Dockside Red
- 005A63
≈ Entrapment
Analogue -30° +30°
- 7B3732
Dockside Red
- 773650
≈ Rich Red Violet
- 753F0E
≈ Walnut
Triadique +120° +240°
- 7B3732
Dockside Red
- 265C2D
≈ Pine
- 364C83
≈ Dive In
Complémentaire divisée +150° +210°
- 7B3732
Dockside Red
- 005D4D
≈ Alpine Green
- 00557A
≈ Studer Blue
Tétradique +90° +180° +270°
- 7B3732
Dockside Red
- 4C5503
≈ Highlands Moss
- 005A63
≈ Entrapment
- 54427D
≈ Cyber Grape
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.62:1 · APCA Lc 89
Ag
FailSur noir
WCAG 2.43:1 · APCA Lc 13
Meilleure couleur de texte: #FFFFFF
WCAG 8.62:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--dockside-red: #7b3732;
--dockside-red-rgb: 123 55 50;
--dockside-red-oklch: oklch(0.427 0.096 26.2);
}
.element {
color: var(--dockside-red);
background-color: hsl(4 42% 34%);
border-color: oklch(0.427 0.096 26.2);
}Tailwind CSS v4
@theme {
--color-dockside-red: #7b3732;
--color-dockside-red-50: #ffece6;
--color-dockside-red-100: #ffddd6;
--color-dockside-red-200: #fbc5be;
--color-dockside-red-300: #e4a59c;
--color-dockside-red-400: #d18880;
--color-dockside-red-500: #bd6c64;
--color-dockside-red-600: #a05c55;
--color-dockside-red-700: #814944;
--color-dockside-red-800: #5f3432;
--color-dockside-red-900: #432422;
--color-dockside-red-950: #2b1211;
}SCSS
$dockside-red: #7b3732;
$dockside-red-rgb: 123, 55, 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);
}