Nazwany kolor · #674C47
Medium Taupe
Medium Taupe to #674C47: rgb(103 76 71), hsl(9 18% 34%), oklch(0.444 0.038 30.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Medium Taupe color name →
#674C47
oklch(0.444 0.038 30.6)
Konwersje koloru
- HEX
- #674c47
- RGB
- rgb(103 76 71)
- HSL
- hsl(9 18% 34%)
- HWB
- hwb(9 28% 60%)
- OKLCH
- oklch(0.444 0.038 30.6)
- OKLab
- oklab(0.444 0.033 0.019)
- CIE Lab
- lab(35.16 11.2 7.67)
- LCH
- lch(35.16 13.57 34.4)
- CMYK
- cmyk(0% 26% 31% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 755C57
- 846D68
- 937E7A
- A28F8C
- B1A19E
- C0B3B1
- D0C6C4
- DFD9D7
- EFECEB
Odcienie ciemniejsze
- 59413D
- 4B3632
- 3D2C28
- 30221F
- 231816
- 170F0D
- 0C0606
- 040202
- 000000
Tony
- 6A514C
- 6C5652
- 6F5B58
- 72605D
- 746663
- 776B69
- 79706E
- 7B7574
- 7E7B7A
Harmonie kolorów
Komplementarna +180°
- 674C47
Medium Taupe
- 3A595F
≈ Autumn Night
Analogowa -30° +30°
- 674C47
Medium Taupe
- 664B52
≈ Gǔ Tóng Hēi Copper
- 634F3E
≈ Rooted
Triada +120° +240°
- 674C47
Medium Taupe
- 455A49
≈ Greenwich
- 4B5369
≈ Harbourmaster
Komplementarna rozszczepiona +150° +210°
- 674C47
Medium Taupe
- 3C5B54
≈ Trekking Green
- 415767
≈ Alien
Tetrada +90° +180° +270°
- 674C47
Medium Taupe
- 50573F
≈ Albert Green
- 3A595F
≈ Autumn Night
- 574F66
≈ Illusionist
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.77:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.70:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--medium-taupe: #674c47;
--medium-taupe-rgb: 103 76 71;
--medium-taupe-oklch: oklch(0.444 0.038 30.6);
}
.element {
color: var(--medium-taupe);
background-color: hsl(9 18% 34%);
border-color: oklch(0.444 0.038 30.6);
}Tailwind CSS v4
@theme {
--color-medium-taupe: #674c47;
--color-medium-taupe-50: #fff1ee;
--color-medium-taupe-100: #f4e4e0;
--color-medium-taupe-200: #e4cfca;
--color-medium-taupe-300: #cab1ab;
--color-medium-taupe-400: #b49791;
--color-medium-taupe-500: #9e7d77;
--color-medium-taupe-600: #856a65;
--color-medium-taupe-700: #6b5551;
--color-medium-taupe-800: #4f3e3b;
--color-medium-taupe-900: #372a28;
--color-medium-taupe-950: #221816;
}SCSS
$medium-taupe: #674c47;
$medium-taupe-rgb: 103, 76, 71;
$medium-taupe-light: mix(#fff, $medium-taupe, 20%);
$medium-taupe-dark: mix(#000, $medium-taupe, 20%);
.element {
color: $medium-taupe;
box-shadow: 0 0 0 2px rgba($medium-taupe, 0.35);
}