Nazwany kolor · #6F372D
Strong Mocha
Strong Mocha to #6F372D: rgb(111 55 45), hsl(9 42% 31%), oklch(0.407 0.082 31.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Strong Mocha color name →
#6F372D
oklch(0.407 0.082 31.4)
Konwersje koloru
- HEX
- #6f372d
- RGB
- rgb(111 55 45)
- HSL
- hsl(9 42% 31%)
- HWB
- hwb(9 18% 56%)
- OKLCH
- oklch(0.407 0.082 31.4)
- OKLab
- oklab(0.407 0.07 0.043)
- CIE Lab
- lab(30.48 24.57 18.08)
- LCH
- lch(30.48 30.5 36.3)
- CMYK
- cmyk(0% 50% 59% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7E4A40
- 8C5C53
- 9B6F67
- A9837B
- B89790
- C6ABA5
- D4BFBB
- E2D4D1
- F1E9E8
Odcienie ciemniejsze
- 602E26
- 51261F
- 421E18
- 341611
- 270F0B
- 1A0806
- 0E0302
- 040101
- 010000
Tony
- 723F35
- 74463D
- 764D45
- 78554E
- 7A5C56
- 7B635E
- 7D6A67
- 7E726F
- 7F7977
Harmonie kolorów
Komplementarna +180°
- 6F372D
Strong Mocha
- 00535F
≈ Sandalwood Grey Blue
Analogowa -30° +30°
- 6F372D
Strong Mocha
- 6D3546
≈ Cabernet Craving
- 693E13
≈ Pullman Brown
Triada +120° +240°
- 6F372D
Strong Mocha
- 225632
≈ Kaitoke Green
- 3A4676
≈ Daring Indigo
Komplementarna rozszczepiona +150° +210°
- 6F372D
Strong Mocha
- 00564C
≈ Castleton Green
- 174E71
≈ Sail Maker
Tetrada +90° +180° +270°
- 6F372D
Strong Mocha
- 435017
≈ Verdun Green
- 00535F
≈ Sandalwood Grey Blue
- 513E6E
≈ Succinct Violet
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.29:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.26:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.29:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--strong-mocha: #6f372d;
--strong-mocha-rgb: 111 55 45;
--strong-mocha-oklch: oklch(0.407 0.082 31.4);
}
.element {
color: var(--strong-mocha);
background-color: hsl(9 42% 31%);
border-color: oklch(0.407 0.082 31.4);
}Tailwind CSS v4
@theme {
--color-strong-mocha: #6f372d;
--color-strong-mocha-50: #ffede6;
--color-strong-mocha-100: #ffdfd7;
--color-strong-mocha-200: #f5c8be;
--color-strong-mocha-300: #dea99d;
--color-strong-mocha-400: #ca8d81;
--color-strong-mocha-500: #b67164;
--color-strong-mocha-600: #9a6055;
--color-strong-mocha-700: #7b4d44;
--color-strong-mocha-800: #5b3732;
--color-strong-mocha-900: #402622;
--color-strong-mocha-950: #291411;
}SCSS
$strong-mocha: #6f372d;
$strong-mocha-rgb: 111, 55, 45;
$strong-mocha-light: mix(#fff, $strong-mocha, 20%);
$strong-mocha-dark: mix(#000, $strong-mocha, 20%);
.element {
color: $strong-mocha;
box-shadow: 0 0 0 2px rgba($strong-mocha, 0.35);
}