لون مسمّى · #734A45
Rohwurst
Rohwurst هو #734A45: rgb(115 74 69)، hsl(7 25% 36%)، oklch(0.454 0.057 27.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Rohwurst color name →
#734A45
oklch(0.454 0.057 27.2)
تحويلات الألوان
- HEX
- #734a45
- RGB
- rgb(115 74 69)
- HSL
- hsl(7 25% 36%)
- HWB
- hwb(7 27% 55%)
- OKLCH
- oklch(0.454 0.057 27.2)
- OKLab
- oklab(0.454 0.051 0.026)
- CIE Lab
- lab(36.15 17.47 10.56)
- LCH
- lch(36.15 20.41 31.1)
- CMYK
- cmyk(0% 36% 40% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 815B56
- 8F6B67
- 9C7D79
- AA8E8B
- B8A09D
- C6B3B0
- D4C5C3
- E2D8D7
- F1ECEB
درجات داكنة
- 633F3B
- 543531
- 452A27
- 36201E
- 281715
- 1B0E0C
- 0F0605
- 050202
- 010000
درجات رمادية
- 754F4B
- 765550
- 785A56
- 79605C
- 7B6562
- 7C6A68
- 7D706E
- 7E7574
- 7F7B7A
تناسق الألوان
متمم +180°
- 734A45
Rohwurst
- 2A5F67
≈ Gulf Harbour
متجاور -30° +30°
- 734A45
Rohwurst
- 704957
≈ Prussian Plum
- 6F4E36
≈ Coffee
ثلاثي +120° +240°
- 734A45
Rohwurst
- 415F44
≈ Cupidity
- 485677
≈ Steadfast
متمم منقسم +150° +210°
- 734A45
Rohwurst
- 2F6156
≈ Eden
- 365B72
≈ Shasta Lake
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.51:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.79:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rohwurst: #734a45;
--rohwurst-rgb: 115 74 69;
--rohwurst-oklch: oklch(0.454 0.057 27.2);
}
.element {
color: var(--rohwurst);
background-color: hsl(7 25% 36%);
border-color: oklch(0.454 0.057 27.2);
}Tailwind CSS v4
@theme {
--color-rohwurst: #734a45;
--color-rohwurst-50: #fff0ec;
--color-rohwurst-100: #fbe1dd;
--color-rohwurst-200: #ecccc6;
--color-rohwurst-300: #d3ada7;
--color-rohwurst-400: #be928c;
--color-rohwurst-500: #a97872;
--color-rohwurst-600: #8f6660;
--color-rohwurst-700: #72514d;
--color-rohwurst-800: #553b38;
--color-rohwurst-900: #3b2827;
--color-rohwurst-950: #251615;
}SCSS
$rohwurst: #734a45;
$rohwurst-rgb: 115, 74, 69;
$rohwurst-light: mix(#fff, $rohwurst, 20%);
$rohwurst-dark: mix(#000, $rohwurst, 20%);
.element {
color: $rohwurst;
box-shadow: 0 0 0 2px rgba($rohwurst, 0.35);
}