لون مسمّى · #75442B
Bull Shot
Bull Shot هو #75442B: rgb(117 68 43)، hsl(20 46% 31%)، oklch(0.439 0.078 47). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Bull Shot color name →
#75442B
oklch(0.439 0.078 47)
تحويلات الألوان
- HEX
- #75442b
- RGB
- rgb(117 68 43)
- HSL
- hsl(20 46% 31%)
- HWB
- hwb(20 17% 54%)
- OKLCH
- oklch(0.439 0.078 47)
- OKLab
- oklab(0.439 0.053 0.057)
- CIE Lab
- lab(34.49 19.81 24.43)
- LCH
- lch(34.49 31.45 51)
- CMYK
- cmyk(0% 42% 63% 54%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 83553F
- 916753
- 9E7967
- AC8B7B
- BA9E90
- C8B1A6
- D5C4BB
- E3D7D2
- F1EBE8
درجات داكنة
- 653A24
- 55301D
- 462616
- 371D10
- 29140A
- 1C0C05
- 0F0502
- 050201
- 010000
درجات رمادية
- 774A34
- 78503D
- 7A5645
- 7B5C4E
- 7C6256
- 7D685E
- 7E6E67
- 7F746F
- 807A78
تناسق الألوان
متمم +180°
- 75442B
Bull Shot
- 135A73
≈ Octagon Ocean
متجاور -30° +30°
- 75442B
Bull Shot
- 773F43
≈ Tosca
- 6A4C19
≈ Black Queen
ثلاثي +120° +240°
- 75442B
Bull Shot
- 1B6049
≈ Sci-Fi Takeout
- 504B7B
≈ Fully Purple
متمم منقسم +150° +210°
- 75442B
Bull Shot
- 005F61
≈ Sandhill Crane
- 36537D
≈ Bunting Blue
رباعي +90° +180° +270°
- 75442B
Bull Shot
- 3D5C30
≈ Turf
- 135A73
≈ Octagon Ocean
- 64446F
≈ Royal Rajah
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.02:1 · APCA Lc 88
Ag
Failعلى الأسود
WCAG 2.61:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 8.02:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bull-shot: #75442b;
--bull-shot-rgb: 117 68 43;
--bull-shot-oklch: oklch(0.439 0.078 47);
}
.element {
color: var(--bull-shot);
background-color: hsl(20 46% 31%);
border-color: oklch(0.439 0.078 47);
}Tailwind CSS v4
@theme {
--color-bull-shot: #75442b;
--color-bull-shot-50: #ffefe2;
--color-bull-shot-100: #ffe1d2;
--color-bull-shot-200: #f1cbb8;
--color-bull-shot-300: #d9ac95;
--color-bull-shot-400: #c59177;
--color-bull-shot-500: #b17659;
--color-bull-shot-600: #95644c;
--color-bull-shot-700: #78503c;
--color-bull-shot-800: #593a2c;
--color-bull-shot-900: #3e281d;
--color-bull-shot-950: #27150d;
}SCSS
$bull-shot: #75442b;
$bull-shot-rgb: 117, 68, 43;
$bull-shot-light: mix(#fff, $bull-shot, 20%);
$bull-shot-dark: mix(#000, $bull-shot, 20%);
.element {
color: $bull-shot;
box-shadow: 0 0 0 2px rgba($bull-shot, 0.35);
}