En yakın adlandırılmış renk · #7B3732
#7B3732
En yakın adlandırılmış renk: Dockside Red
#7B3732 (rgb(123 55 50), hsl(4 42% 34%), oklch(0.427 0.096 26.2)) en çok Dockside Red adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#7B3732
oklch(0.427 0.096 26.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 894A44
- 975D57
- A4706B
- B2847F
- BF9893
- CCACA8
- D9C0BD
- E6D5D3
- F2EAE9
Koyu tonlar
- 6A2E2A
- 5A2622
- 4A1E1B
- 3A1614
- 2C0F0D
- 1E0807
- 100303
- 050101
- 010000
Gri tonlar
- 7D3F3A
- 7E4741
- 7F4E49
- 805551
- 815D59
- 816460
- 816B68
- 817270
- 817978
Renk uyumları
Tamamlayıcı +180°
- 7B3732
Dockside Red
- 005A63
≈ Entrapment
Analog -30° +30°
- 7B3732
Dockside Red
- 773650
≈ Rich Red Violet
- 753F0E
≈ Walnut
Üçlü +120° +240°
- 7B3732
Dockside Red
- 265C2D
≈ Pine
- 364C83
≈ Dive In
Bölünmüş tamamlayıcı +150° +210°
- 7B3732
Dockside Red
- 005D4D
≈ Alpine Green
- 00557A
≈ Studer Blue
Dörtlü +90° +180° +270°
- 7B3732
Dockside Red
- 4C5503
≈ Highlands Moss
- 005A63
≈ Entrapment
- 54427D
≈ Cyber Grape
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.62:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.43:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.62:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
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);
}