Colore con nome · #683E3B
Chipotle Paste
Chipotle Paste è #683E3B: rgb(104 62 59), hsl(4 28% 32%), oklch(0.413 0.06 24.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Chipotle Paste color name →
#683E3B
oklch(0.413 0.06 24.4)
Conversioni di colore
- HEX
- #683e3b
- RGB
- rgb(104 62 59)
- HSL
- hsl(4 28% 32%)
- HWB
- hwb(4 23% 59%)
- OKLCH
- oklch(0.413 0.06 24.4)
- OKLab
- oklab(0.413 0.054 0.025)
- CIE Lab
- lab(31.34 18.61 10.04)
- LCH
- lch(31.34 21.14 28.4)
- CMYK
- cmyk(0% 40% 43% 59%)
Tinte · Ombre · Toni
Tinte
- 774F4C
- 86615E
- 957471
- A38784
- B39A97
- C2ADAB
- D1C1C0
- E0D5D4
- F0EAEA
Ombre
- 593532
- 4B2B29
- 3E2321
- 301A19
- 241211
- 180A09
- 0C0404
- 040101
- 000000
Toni
- 6B4542
- 6E4B48
- 70524F
- 735856
- 755F5D
- 786564
- 7A6C6B
- 7C7372
- 7E7979
Armonie di colore
Complementare +180°
- 683E3B
Chipotle Paste
- 1A555A
≈ Seaworld
Analogo -30° +30°
- 683E3B
Chipotle Paste
- 653D4D
≈ Crushed Violets
- 64422B
≈ Irish Coffee
Triadico +120° +240°
- 683E3B
Chipotle Paste
- 365436
≈ Goblin
- 3B4B6C
≈ Mountain Blueberry
Complementare divisa +150° +210°
- 683E3B
Chipotle Paste
- 225649
≈ Bagpiper
- 275067
≈ Shimmering Sea
Tetradico +90° +180° +270°
- 683E3B
Chipotle Paste
- 4A4F27
≈ Bronze Tone
- 1A555A
≈ Seaworld
- 4D4569
≈ True Romance
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.97:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.34:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--chipotle-paste: #683e3b;
--chipotle-paste-rgb: 104 62 59;
--chipotle-paste-oklch: oklch(0.413 0.06 24.4);
}
.element {
color: var(--chipotle-paste);
background-color: hsl(4 28% 32%);
border-color: oklch(0.413 0.06 24.4);
}Tailwind CSS v4
@theme {
--color-chipotle-paste: #683e3b;
--color-chipotle-paste-50: #ffefec;
--color-chipotle-paste-100: #fbe1dd;
--color-chipotle-paste-200: #edcbc7;
--color-chipotle-paste-300: #d4aca7;
--color-chipotle-paste-400: #bf918d;
--color-chipotle-paste-500: #aa7773;
--color-chipotle-paste-600: #906561;
--color-chipotle-paste-700: #73504e;
--color-chipotle-paste-800: #553a39;
--color-chipotle-paste-900: #3c2827;
--color-chipotle-paste-950: #251615;
}SCSS
$chipotle-paste: #683e3b;
$chipotle-paste-rgb: 104, 62, 59;
$chipotle-paste-light: mix(#fff, $chipotle-paste, 20%);
$chipotle-paste-dark: mix(#000, $chipotle-paste, 20%);
.element {
color: $chipotle-paste;
box-shadow: 0 0 0 2px rgba($chipotle-paste, 0.35);
}