Colore con nome · #664411
Very Coffee
Very Coffee è #664411: rgb(102 68 17), hsl(36 71% 23%), oklch(0.416 0.079 72.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Very Coffee color name →
#664411
oklch(0.416 0.079 72.5)
Conversioni di colore
- HEX
- #664411
- RGB
- rgb(102 68 17)
- HSL
- hsl(36 71% 23%)
- HWB
- hwb(36 7% 60%)
- OKLCH
- oklch(0.416 0.079 72.5)
- OKLab
- oklab(0.416 0.024 0.076)
- CIE Lab
- lab(32.11 11.61 34.87)
- LCH
- lch(32.11 36.75 71.6)
- CMYK
- cmyk(0% 33% 83% 60%)
Tinte · Ombre · Toni
Tinte
- 75552B
- 836742
- 927959
- A18B6F
- B19D86
- C0B09E
- CFC4B5
- DFD7CD
- EFEBE6
Ombre
- 583A0D
- 4A3009
- 3C2606
- 2F1D04
- 231402
- 170C01
- 0C0500
- 040200
- 000000
Toni
- 694A20
- 6C502C
- 6E5637
- 715C42
- 74624D
- 766857
- 796E61
- 7B746B
- 7E7A76
Armonie di colore
Complementare +180°
- 664411
Very Coffee
- 2A4E76
≈ Mykonos Reflection
Analogo -30° +30°
- 664411
Very Coffee
- 6F3C27
≈ Red Mane
- 544D0F
≈ Scorzonera Brown
Triadico +120° +240°
- 664411
Very Coffee
- 005856
≈ Deep Sea Green
- 5B3E6B
≈ Kikyō Purple
Complementare divisa +150° +210°
- 664411
Very Coffee
- 00556A
≈ Plunge
- 464676
≈ Dramatist
Tetradico +90° +180° +270°
- 664411
Very Coffee
- 17593F
≈ Billiard Table
- 2A4E76
≈ Mykonos Reflection
- 693958
≈ Halayà Úbe
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.75:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.39:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.75:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--very-coffee: #664411;
--very-coffee-rgb: 102 68 17;
--very-coffee-oklch: oklch(0.416 0.079 72.5);
}
.element {
color: var(--very-coffee);
background-color: hsl(36 71% 23%);
border-color: oklch(0.416 0.079 72.5);
}Tailwind CSS v4
@theme {
--color-very-coffee: #664411;
--color-very-coffee-50: #fff2dd;
--color-very-coffee-100: #f8e5cb;
--color-very-coffee-200: #e9d0af;
--color-very-coffee-300: #d0b28a;
--color-very-coffee-400: #bc976a;
--color-very-coffee-500: #a77e48;
--color-very-coffee-600: #8d6a3e;
--color-very-coffee-700: #715531;
--color-very-coffee-800: #543d22;
--color-very-coffee-900: #3b2a17;
--color-very-coffee-950: #241808;
}SCSS
$very-coffee: #664411;
$very-coffee-rgb: 102, 68, 17;
$very-coffee-light: mix(#fff, $very-coffee, 20%);
$very-coffee-dark: mix(#000, $very-coffee, 20%);
.element {
color: $very-coffee;
box-shadow: 0 0 0 2px rgba($very-coffee, 0.35);
}