En yakın adlandırılmış renk · #BA7C65
#BA7C65
En yakın adlandırılmış renk: Earthworm
#BA7C65 (rgb(186 124 101), hsl(16 38% 56%), oklch(0.645 0.085 41.1)) en çok Earthworm 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.
#BA7C65
oklch(0.645 0.085 41.1)
Renk dönüşümleri
- HEX
- #ba7c65
- RGB
- rgb(186 124 101)
- HSL
- hsl(16 38% 56%)
- HWB
- hwb(16 40% 27%)
- OKLCH
- oklch(0.645 0.085 41.1)
- OKLab
- oklab(0.645 0.064 0.056)
- CIE Lab
- lab(58.19 22.86 22.93)
- LCH
- lch(58.19 32.38 45.1)
- CMYK
- cmyk(0% 33% 46% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C18974
- C99683
- D0A292
- D7AFA1
- DEBCB0
- E5CAC0
- ECD7CF
- F2E4DF
- F9F1EF
Koyu tonlar
- A16B57
- 895A49
- 724A3C
- 5C3B2F
- 462C22
- 321E17
- 1E110C
- 0D0503
- 020100
Gri tonlar
- B57D68
- AF7D6B
- A97E6E
- A47E71
- 9E7F73
- 987F76
- 927F79
- 8C807B
- 86807E
Renk uyumları
Tamamlayıcı +180°
- BA7C65
Earthworm
- 4B99B2
≈ Starflower Blue
Analog -30° +30°
- BA7C65
Earthworm
- BB7881
≈ Rosily
- AE8552
≈ Gold Plated
Üçlü +120° +240°
- BA7C65
Earthworm
- 5B9E7D
≈ Green Spruce
- 8488C0
≈ Pleated Mauve
Bölünmüş tamamlayıcı +150° +210°
- BA7C65
Earthworm
- 459E9A
≈ Majorca Blue
- 6691C0
≈ Cobalt Glow
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.40:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.15:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--earthworm: #ba7c65;
--earthworm-rgb: 186 124 101;
--earthworm-oklch: oklch(0.645 0.085 41.1);
}
.element {
color: var(--earthworm);
background-color: hsl(16 38% 56%);
border-color: oklch(0.645 0.085 41.1);
}Tailwind CSS v4
@theme {
--color-earthworm: #ba7c65;
--color-earthworm-50: #ffeee2;
--color-earthworm-100: #ffe0d2;
--color-earthworm-200: #f5c9b8;
--color-earthworm-300: #deaa95;
--color-earthworm-400: #ca8e77;
--color-earthworm-500: #b67359;
--color-earthworm-600: #9a614c;
--color-earthworm-700: #7b4e3d;
--color-earthworm-800: #5c382c;
--color-earthworm-900: #40261e;
--color-earthworm-950: #29140e;
}SCSS
$earthworm: #ba7c65;
$earthworm-rgb: 186, 124, 101;
$earthworm-light: mix(#fff, $earthworm, 20%);
$earthworm-dark: mix(#000, $earthworm, 20%);
.element {
color: $earthworm;
box-shadow: 0 0 0 2px rgba($earthworm, 0.35);
}