لون مسمّى · #74462D
Broomstick
Broomstick هو #74462D: rgb(116 70 45)، hsl(21 44% 32%)، oklch(0.442 0.074 48.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Broomstick color name →
#74462D
oklch(0.442 0.074 48.6)
تحويلات الألوان
- HEX
- #74462d
- RGB
- rgb(116 70 45)
- HSL
- hsl(21 44% 32%)
- HWB
- hwb(21 18% 55%)
- OKLCH
- oklch(0.442 0.074 48.6)
- OKLab
- oklab(0.442 0.049 0.055)
- CIE Lab
- lab(34.87 18.34 23.65)
- LCH
- lch(34.87 29.93 52.2)
- CMYK
- cmyk(0% 40% 61% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 825741
- 906954
- 9D7A68
- AB8C7C
- B99F91
- C7B1A6
- D5C4BC
- E3D8D2
- F1EBE8
درجات داكنة
- 643C26
- 54321F
- 452818
- 371E11
- 29150B
- 1B0D06
- 0F0502
- 050201
- 010000
درجات رمادية
- 764C36
- 77523E
- 795846
- 7A5D4F
- 7C6357
- 7D695F
- 7E6F67
- 7F756F
- 7F7A78
تناسق الألوان
متمم +180°
- 74462D
Broomstick
- 1C5B73
≈ Deep Blue Sea
متجاور -30° +30°
- 74462D
Broomstick
- 774243
≈ Velvety Merlot
- 694E1E
≈ Black Queen
ثلاثي +120° +240°
- 74462D
Broomstick
- 20604C
≈ Teal Drama
- 524C79
≈ Red Cabbage
متمم منقسم +150° +210°
- 74462D
Broomstick
- 055F62
≈ Sandhill Crane
- 39547C
≈ Bunting Blue
رباعي +90° +180° +270°
- 74462D
Broomstick
- 3E5D34
≈ Turf
- 1C5B73
≈ Deep Blue Sea
- 64466D
≈ Royal Rajah
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.90:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.65:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.90:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--broomstick: #74462d;
--broomstick-rgb: 116 70 45;
--broomstick-oklch: oklch(0.442 0.074 48.6);
}
.element {
color: var(--broomstick);
background-color: hsl(21 44% 32%);
border-color: oklch(0.442 0.074 48.6);
}Tailwind CSS v4
@theme {
--color-broomstick: #74462d;
--color-broomstick-50: #fff0e3;
--color-broomstick-100: #fde2d2;
--color-broomstick-200: #efccb9;
--color-broomstick-300: #d7ad96;
--color-broomstick-400: #c39278;
--color-broomstick-500: #ae775a;
--color-broomstick-600: #93654d;
--color-broomstick-700: #76513d;
--color-broomstick-800: #583a2c;
--color-broomstick-900: #3d281e;
--color-broomstick-950: #27160e;
}SCSS
$broomstick: #74462d;
$broomstick-rgb: 116, 70, 45;
$broomstick-light: mix(#fff, $broomstick, 20%);
$broomstick-dark: mix(#000, $broomstick, 20%);
.element {
color: $broomstick;
box-shadow: 0 0 0 2px rgba($broomstick, 0.35);
}