En yakın adlandırılmış renk · #6A3728
#6A3728
En yakın adlandırılmış renk: Freshly Roasted Coffee
#6A3728 (rgb(106 55 40), hsl(14 45% 29%), oklch(0.398 0.077 37.2)) en çok Freshly Roasted Coffee 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.
#6A3728
oklch(0.398 0.077 37.2)
Renk dönüşümleri
- HEX
- #6a3728
- RGB
- rgb(106 55 40)
- HSL
- hsl(14 45% 29%)
- HWB
- hwb(14 16% 58%)
- OKLCH
- oklch(0.398 0.077 37.2)
- OKLab
- oklab(0.398 0.061 0.047)
- CIE Lab
- lab(29.6 22.07 19.91)
- LCH
- lch(29.6 29.72 42.1)
- CMYK
- cmyk(0% 48% 62% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 79493B
- 885C4F
- 976F63
- A68378
- B4968D
- C3ABA3
- D2BFBA
- E1D4D0
- F0E9E7
Koyu tonlar
- 5B2E21
- 4D261B
- 3F1E15
- 31160F
- 240F09
- 180804
- 0D0302
- 040101
- 000000
Gri tonlar
- 6D3E31
- 704639
- 724D42
- 75544B
- 775C54
- 79635C
- 7B6A65
- 7D716E
- 7F7977
Renk uyumları
Tamamlayıcı +180°
- 6A3728
Freshly Roasted Coffee
- 005060
≈ Sandalwood Grey Blue
Analog -30° +30°
- 6A3728
Freshly Roasted Coffee
- 693440
≈ Chestnut Red
- 623E11
≈ Pullman Brown
Üçlü +120° +240°
- 6A3728
Freshly Roasted Coffee
- 1B5336
≈ Kaitoke Green
- 3D4370
≈ Valiant Violet
Bölünmüş tamamlayıcı +150° +210°
- 6A3728
Freshly Roasted Coffee
- 00534E
≈ Plankton Green
- 204A6E
≈ Grape Blue
Dörtlü +90° +180° +270°
- 6A3728
Freshly Roasted Coffee
- 3C4F1E
≈ No Emissions Green
- 005060
≈ Sandalwood Grey Blue
- 523B67
≈ Succinct Violet
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 9.58:1 · APCA Lc 92
Siyah üzerinde
WCAG 2.18:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.58:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--freshly-roasted-coffee: #6a3728;
--freshly-roasted-coffee-rgb: 106 55 40;
--freshly-roasted-coffee-oklch: oklch(0.398 0.077 37.2);
}
.element {
color: var(--freshly-roasted-coffee);
background-color: hsl(14 45% 29%);
border-color: oklch(0.398 0.077 37.2);
}Tailwind CSS v4
@theme {
--color-freshly-roasted-coffee: #6a3728;
--color-freshly-roasted-coffee-50: #ffeee5;
--color-freshly-roasted-coffee-100: #ffe0d5;
--color-freshly-roasted-coffee-200: #f3cabc;
--color-freshly-roasted-coffee-300: #dbab9b;
--color-freshly-roasted-coffee-400: #c78f7e;
--color-freshly-roasted-coffee-500: #b37461;
--color-freshly-roasted-coffee-600: #976253;
--color-freshly-roasted-coffee-700: #794e42;
--color-freshly-roasted-coffee-800: #5a3930;
--color-freshly-roasted-coffee-900: #3f2721;
--color-freshly-roasted-coffee-950: #281510;
}SCSS
$freshly-roasted-coffee: #6a3728;
$freshly-roasted-coffee-rgb: 106, 55, 40;
$freshly-roasted-coffee-light: mix(#fff, $freshly-roasted-coffee, 20%);
$freshly-roasted-coffee-dark: mix(#000, $freshly-roasted-coffee, 20%);
.element {
color: $freshly-roasted-coffee;
box-shadow: 0 0 0 2px rgba($freshly-roasted-coffee, 0.35);
}