Colore con nome · #6A5637
Chieftain
Chieftain è #6A5637: rgb(106 86 55), hsl(36 32% 32%), oklch(0.465 0.053 77.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Chieftain color name →
#6A5637
oklch(0.465 0.053 77.9)
Conversioni di colore
- HEX
- #6a5637
- RGB
- rgb(106 86 55)
- HSL
- hsl(36 32% 32%)
- HWB
- hwb(36 22% 58%)
- OKLCH
- oklch(0.465 0.053 77.9)
- OKLab
- oklab(0.465 0.011 0.052)
- CIE Lab
- lab(38.04 5.2 21.28)
- LCH
- lch(38.04 21.9 76.3)
- CMYK
- cmyk(0% 19% 48% 58%)
Tinte · Ombre · Toni
Tinte
- 786649
- 86755C
- 94866F
- A39683
- B2A796
- C1B8AB
- D0C9BF
- E0DBD4
- EFEDE9
Ombre
- 5B4A2E
- 4D3E26
- 3F321E
- 312716
- 241C0F
- 181208
- 0D0803
- 040201
- 000000
Toni
- 6C5A3F
- 6F5E46
- 71634D
- 736755
- 756B5C
- 776F63
- 7A736A
- 7C7871
- 7E7C79
Armonie di colore
Complementare +180°
- 6A5637
Chieftain
- 475B77
≈ Newburyport
Analogo -30° +30°
- 6A5637
Chieftain
- 725140
≈ Brevity Brown
- 5C5C39
≈ Eastern Bamboo
Triadico +120° +240°
- 6A5637
Chieftain
- 326364
≈ Deep Marine
- 66506D
≈ Blackberry Farm
Complementare divisa +150° +210°
- 6A5637
Chieftain
- 386071
≈ Bermudan Blue
- 585576
≈ The Fang
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.00:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.99:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--chieftain: #6a5637;
--chieftain-rgb: 106 86 55;
--chieftain-oklch: oklch(0.465 0.053 77.9);
}
.element {
color: var(--chieftain);
background-color: hsl(36 32% 32%);
border-color: oklch(0.465 0.053 77.9);
}Tailwind CSS v4
@theme {
--color-chieftain: #6a5637;
--color-chieftain-50: #fdf4e5;
--color-chieftain-100: #f1e6d5;
--color-chieftain-200: #e0d2bc;
--color-chieftain-300: #c6b59a;
--color-chieftain-400: #b09b7c;
--color-chieftain-500: #9a825e;
--color-chieftain-600: #826e50;
--color-chieftain-700: #685840;
--color-chieftain-800: #4d402e;
--color-chieftain-900: #362c1f;
--color-chieftain-950: #21190f;
}SCSS
$chieftain: #6a5637;
$chieftain-rgb: 106, 86, 55;
$chieftain-light: mix(#fff, $chieftain, 20%);
$chieftain-dark: mix(#000, $chieftain, 20%);
.element {
color: $chieftain;
box-shadow: 0 0 0 2px rgba($chieftain, 0.35);
}