Colore con nome · #483F39
Turkish Coffee
Turkish Coffee è #483F39: rgb(72 63 57), hsl(24 12% 25%), oklch(0.375 0.016 55.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Turkish Coffee color name →
#483F39
oklch(0.375 0.016 55.8)
Conversioni di colore
- HEX
- #483f39
- RGB
- rgb(72 63 57)
- HSL
- hsl(24 12% 25%)
- HWB
- hwb(24 22% 72%)
- OKLCH
- oklch(0.375 0.016 55.8)
- OKLab
- oklab(0.375 0.009 0.013)
- CIE Lab
- lab(27.44 3.15 5.19)
- LCH
- lch(27.44 6.07 58.7)
- CMYK
- cmyk(0% 12% 21% 72%)
Tinte · Ombre · Toni
Tinte
- 58504A
- 69615C
- 7B746F
- 8C8682
- 9F9996
- B1ADAA
- C4C1BF
- D7D5D4
- EBEAE9
Ombre
- 3D3530
- 332C28
- 29231F
- 1F1B17
- 161210
- 0D0A09
- 060404
- 020101
- 000000
Toni
- 4D4540
- 534B46
- 58524D
- 5E5854
- 635F5B
- 696563
- 6F6C6A
- 747271
- 7A7979
Armonie di colore
Complementare +180°
- 483F39
Turkish Coffee
- 394349
≈ Cool Operator’s Overalls
Analogo -30° +30°
- 483F39
Turkish Coffee
- 493E3D
≈ Dark Taupe
- 454138
≈ Pasilla Chiles
Triadico +120° +240°
- 483F39
Turkish Coffee
- 384441
≈ Refined Green
- 423F49
≈ Deep Galaxy
Complementare divisa +150° +210°
- 483F39
Turkish Coffee
- 374445
≈ Refined Green
- 3D414A
≈ Astrogranite Debris
Tetradico +90° +180° +270°
- 483F39
Turkish Coffee
- 3C433C
≈ Deep Forest
- 394349
≈ Cool Operator’s Overalls
- 463E46
≈ Eclectic Purple
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.26:1 · APCA Lc 94
Ag
FailSu nero
WCAG 2.04:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--turkish-coffee: #483f39;
--turkish-coffee-rgb: 72 63 57;
--turkish-coffee-oklch: oklch(0.375 0.016 55.8);
}
.element {
color: var(--turkish-coffee);
background-color: hsl(24 12% 25%);
border-color: oklch(0.375 0.016 55.8);
}Tailwind CSS v4
@theme {
--color-turkish-coffee: #483f39;
--color-turkish-coffee-50: #f9f4f1;
--color-turkish-coffee-100: #ece7e3;
--color-turkish-coffee-200: #dad3ce;
--color-turkish-coffee-300: #beb6b0;
--color-turkish-coffee-400: #a69c96;
--color-turkish-coffee-500: #8f847c;
--color-turkish-coffee-600: #796f69;
--color-turkish-coffee-700: #615954;
--color-turkish-coffee-800: #47413d;
--color-turkish-coffee-900: #312d2a;
--color-turkish-coffee-950: #1d1a18;
}SCSS
$turkish-coffee: #483f39;
$turkish-coffee-rgb: 72, 63, 57;
$turkish-coffee-light: mix(#fff, $turkish-coffee, 20%);
$turkish-coffee-dark: mix(#000, $turkish-coffee, 20%);
.element {
color: $turkish-coffee;
box-shadow: 0 0 0 2px rgba($turkish-coffee, 0.35);
}