Adlandırılmış renk · #966544
Mud Ball
Mud Ball, #966544: rgb(150 101 68), hsl(24 38% 43%), oklch(0.551 0.079 54.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Mud Ball color name →
#966544
oklch(0.551 0.079 54.3)
Renk dönüşümleri
- HEX
- #966544
- RGB
- rgb(150 101 68)
- HSL
- hsl(24 38% 43%)
- HWB
- hwb(24 27% 41%)
- OKLCH
- oklch(0.551 0.079 54.3)
- OKLab
- oklab(0.551 0.046 0.064)
- CIE Lab
- lab(47.58 17.61 27)
- LCH
- lch(47.58 32.24 56.9)
- CMYK
- cmyk(0% 33% 55% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A17456
- AB8268
- B6917A
- C0A18C
- CBB09F
- D5BFB1
- E0CFC4
- EADFD8
- F5EFEB
Koyu tonlar
- 82573A
- 6E4930
- 5B3C26
- 492F1D
- 372214
- 26170C
- 160C05
- 080302
- 010000
Gri tonlar
- 94684B
- 926B51
- 906E57
- 8E705D
- 8C7363
- 8A7669
- 88786F
- 857B75
- 837E7A
Renk uyumları
Tamamlayıcı +180°
- 966544
Mud Ball
- 3E7999
≈ Cry Me a River
Analog -30° +30°
- 966544
Mud Ball
- 9B5F5B
≈ Rhode Island Red
- 886E38
≈ Kimirucha Brown
Üçlü +120° +240°
- 966544
Mud Ball
- 38816F
≈ Copper Mineral Green
- 75699C
≈ Reign Over Me
Bölünmüş tamamlayıcı +150° +210°
- 966544
Mud Ball
- 2C7F87
≈ Sea Swimmer
- 5B71A1
≈ Splendour and Pride
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.95:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.24:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--mud-ball: #966544;
--mud-ball-rgb: 150 101 68;
--mud-ball-oklch: oklch(0.551 0.079 54.3);
}
.element {
color: var(--mud-ball);
background-color: hsl(24 38% 43%);
border-color: oklch(0.551 0.079 54.3);
}Tailwind CSS v4
@theme {
--color-mud-ball: #966544;
--color-mud-ball-50: #fff0e0;
--color-mud-ball-100: #fde2cf;
--color-mud-ball-200: #f0ccb4;
--color-mud-ball-300: #d8ae91;
--color-mud-ball-400: #c49272;
--color-mud-ball-500: #af7852;
--color-mud-ball-600: #946546;
--color-mud-ball-700: #775138;
--color-mud-ball-800: #583a28;
--color-mud-ball-900: #3e281b;
--color-mud-ball-950: #27160b;
}SCSS
$mud-ball: #966544;
$mud-ball-rgb: 150, 101, 68;
$mud-ball-light: mix(#fff, $mud-ball, 20%);
$mud-ball-dark: mix(#000, $mud-ball, 20%);
.element {
color: $mud-ball;
box-shadow: 0 0 0 2px rgba($mud-ball, 0.35);
}