Adlandırılmış renk · #6F5937
Bali Batik
Bali Batik, #6F5937: rgb(111 89 55), hsl(36 34% 33%), oklch(0.478 0.057 77.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Bali Batik color name →
#6F5937
oklch(0.478 0.057 77.6)
Renk dönüşümleri
- HEX
- #6f5937
- RGB
- rgb(111 89 55)
- HSL
- hsl(36 34% 33%)
- HWB
- hwb(36 22% 56%)
- OKLCH
- oklch(0.478 0.057 77.6)
- OKLab
- oklab(0.478 0.012 0.056)
- CIE Lab
- lab(39.46 5.8 23.19)
- LCH
- lch(39.46 23.91 76)
- CMYK
- cmyk(0% 20% 50% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7D684A
- 8A785D
- 988870
- A69883
- B5A997
- C3B9AB
- D2CABF
- E1DCD4
- F0EDEA
Koyu tonlar
- 604C2E
- 514026
- 42341E
- 342816
- 271D0F
- 1A1308
- 0E0903
- 040301
- 010000
Gri tonlar
- 715D3F
- 736146
- 74654E
- 766955
- 786D5C
- 797063
- 7B746A
- 7D7872
- 7E7C79
Renk uyumları
Tamamlayıcı +180°
- 6F5937
Bali Batik
- 495E7D
≈ Stream
Analog -30° +30°
- 6F5937
Bali Batik
- 785341
≈ Earth Fired Red
- 606039
≈ Verdigris Foncé
Üçlü +120° +240°
- 6F5937
Bali Batik
- 316768
≈ Magnetic Green
- 6A5372
≈ Basil Mauve
Bölünmüş tamamlayıcı +150° +210°
- 6F5937
Bali Batik
- 386476
≈ Celeste Blue
- 5B587C
≈ Taylor
Dörtlü +90° +180° +270°
- 6F5937
Bali Batik
- 3B6757
≈ Isle of Pines
- 495E7D
≈ Stream
- 755063
≈ Radicchio
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.64:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.16:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.64:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--bali-batik: #6f5937;
--bali-batik-rgb: 111 89 55;
--bali-batik-oklch: oklch(0.478 0.057 77.6);
}
.element {
color: var(--bali-batik);
background-color: hsl(36 34% 33%);
border-color: oklch(0.478 0.057 77.6);
}Tailwind CSS v4
@theme {
--color-bali-batik: #6f5937;
--color-bali-batik-50: #fef4e3;
--color-bali-batik-100: #f2e6d3;
--color-bali-batik-200: #e1d2b9;
--color-bali-batik-300: #c7b597;
--color-bali-batik-400: #b19b79;
--color-bali-batik-500: #9b825b;
--color-bali-batik-600: #836e4d;
--color-bali-batik-700: #69583d;
--color-bali-batik-800: #4e402c;
--color-bali-batik-900: #362c1e;
--color-bali-batik-950: #21190e;
}SCSS
$bali-batik: #6f5937;
$bali-batik-rgb: 111, 89, 55;
$bali-batik-light: mix(#fff, $bali-batik, 20%);
$bali-batik-dark: mix(#000, $bali-batik, 20%);
.element {
color: $bali-batik;
box-shadow: 0 0 0 2px rgba($bali-batik, 0.35);
}