En yakın adlandırılmış renk · #BA7163
#BA7163
En yakın adlandırılmış renk: Morocco
#BA7163 (rgb(186 113 99), hsl(10 39% 56%), oklch(0.624 0.096 31.6)) en çok Morocco 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.
#BA7163
oklch(0.624 0.096 31.6)
Renk dönüşümleri
- HEX
- #ba7163
- RGB
- rgb(186 113 99)
- HSL
- hsl(10 39% 56%)
- HWB
- hwb(10 39% 27%)
- OKLCH
- oklch(0.624 0.096 31.6)
- OKLab
- oklab(0.624 0.081 0.05)
- CIE Lab
- lab(55.6 28.49 20.68)
- LCH
- lch(55.6 35.2 36)
- CMYK
- cmyk(0% 39% 47% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C27F72
- C98D81
- D19B90
- D8A99F
- DFB7AF
- E6C5BE
- ECD3CE
- F3E2DE
- F9F0EF
Koyu tonlar
- A16155
- 895247
- 72433A
- 5C352E
- 462721
- 321A16
- 1E0E0B
- 0D0403
- 020100
Gri tonlar
- B57366
- AF7569
- AA766C
- A4786F
- 9F7A72
- 997B75
- 937C78
- 8D7E7B
- 867F7D
Renk uyumları
Tamamlayıcı +180°
- BA7163
Morocco
- 2E97A9
≈ Aqua Dance
Analog -30° +30°
- BA7163
Morocco
- B76E83
≈ Tapestry
- B17A48
≈ Rocky Racoon
Üçlü +120° +240°
- BA7163
Morocco
- 59986A
≈ Endless
- 7384C2
≈ Violets Are Blue
Bölünmüş tamamlayıcı +150° +210°
- BA7163
Morocco
- 349A8B
≈ Temple Guard Blue
- 4E8EBC
≈ Blueberry Festival
Dörtlü +90° +180° +270°
- BA7163
Morocco
- 7E914C
≈ Camo
- 2E97A9
≈ Aqua Dance
- 9279B8
≈ Royal Raul
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.72:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.63:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--morocco: #ba7163;
--morocco-rgb: 186 113 99;
--morocco-oklch: oklch(0.624 0.096 31.6);
}
.element {
color: var(--morocco);
background-color: hsl(10 39% 56%);
border-color: oklch(0.624 0.096 31.6);
}Tailwind CSS v4
@theme {
--color-morocco: #ba7163;
--color-morocco-50: #ffece4;
--color-morocco-100: #ffddd3;
--color-morocco-200: #fac6ba;
--color-morocco-300: #e4a698;
--color-morocco-400: #d1897b;
--color-morocco-500: #bd6d5e;
--color-morocco-600: #a05d50;
--color-morocco-700: #804a3f;
--color-morocco-800: #5f352f;
--color-morocco-900: #43241f;
--color-morocco-950: #2b130f;
}SCSS
$morocco: #ba7163;
$morocco-rgb: 186, 113, 99;
$morocco-light: mix(#fff, $morocco, 20%);
$morocco-dark: mix(#000, $morocco, 20%);
.element {
color: $morocco;
box-shadow: 0 0 0 2px rgba($morocco, 0.35);
}