Adlandırılmış renk · #6F5A48
Mexican Chocolate
Mexican Chocolate, #6F5A48: rgb(111 90 72), hsl(28 21% 36%), oklch(0.484 0.039 62.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? → · Mexican Chocolate color name →
#6F5A48
oklch(0.484 0.039 62.3)
Renk dönüşümleri
- HEX
- #6f5a48
- RGB
- rgb(111 90 72)
- HSL
- hsl(28 21% 36%)
- HWB
- hwb(28 28% 56%)
- OKLCH
- oklch(0.484 0.039 62.3)
- OKLab
- oklab(0.484 0.018 0.035)
- CIE Lab
- lab(40.01 6.77 13.84)
- LCH
- lch(40.01 15.41 63.9)
- CMYK
- cmyk(0% 19% 35% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7D6959
- 8A796A
- 98887B
- A6998D
- B5A99F
- C3BAB2
- D2CBC5
- E1DCD8
- F0EDEB
Koyu tonlar
- 604D3D
- 514133
- 423529
- 34291F
- 271E16
- 1A130D
- 0E0906
- 040302
- 010000
Gri tonlar
- 715E4E
- 736253
- 746559
- 76695E
- 786D64
- 797169
- 7B756F
- 7D7875
- 7E7C7A
Renk uyumları
Tamamlayıcı +180°
- 6F5A48
Mexican Chocolate
- 4B6273
≈ English Channel
Analog -30° +30°
- 6F5A48
Mexican Chocolate
- 735751
≈ Brown Ridge
- 665E45
≈ Gator Tail
Üçlü +120° +240°
- 6F5A48
Mexican Chocolate
- 466660
≈ Grand Prix
- 635A71
≈ Head Over Heels
Bölünmüş tamamlayıcı +150° +210°
- 6F5A48
Mexican Chocolate
- 44656C
≈ Night Folly
- 575E75
≈ Nightly
Dörtlü +90° +180° +270°
- 6F5A48
Mexican Chocolate
- 4E6554
≈ Pasture Green
- 4B6273
≈ English Channel
- 6C5768
≈ Dark Purple Grey
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.49:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.23:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--mexican-chocolate: #6f5a48;
--mexican-chocolate-rgb: 111 90 72;
--mexican-chocolate-oklch: oklch(0.484 0.039 62.3);
}
.element {
color: var(--mexican-chocolate);
background-color: hsl(28 21% 36%);
border-color: oklch(0.484 0.039 62.3);
}Tailwind CSS v4
@theme {
--color-mexican-chocolate: #6f5a48;
--color-mexican-chocolate-50: #fdf3ea;
--color-mexican-chocolate-100: #f2e5db;
--color-mexican-chocolate-200: #e1d1c3;
--color-mexican-chocolate-300: #c6b4a3;
--color-mexican-chocolate-400: #b09a87;
--color-mexican-chocolate-500: #99816c;
--color-mexican-chocolate-600: #826d5c;
--color-mexican-chocolate-700: #685749;
--color-mexican-chocolate-800: #4d3f35;
--color-mexican-chocolate-900: #352c24;
--color-mexican-chocolate-950: #201913;
}SCSS
$mexican-chocolate: #6f5a48;
$mexican-chocolate-rgb: 111, 90, 72;
$mexican-chocolate-light: mix(#fff, $mexican-chocolate, 20%);
$mexican-chocolate-dark: mix(#000, $mexican-chocolate, 20%);
.element {
color: $mexican-chocolate;
box-shadow: 0 0 0 2px rgba($mexican-chocolate, 0.35);
}