Colore con nome · #553B39
Monkey Island
Monkey Island è #553B39: rgb(85 59 57), hsl(4 20% 28%), oklch(0.381 0.037 23.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Monkey Island color name →
#553B39
oklch(0.381 0.037 23.9)
Conversioni di colore
- HEX
- #553b39
- RGB
- rgb(85 59 57)
- HSL
- hsl(4 20% 28%)
- HWB
- hwb(4 22% 67%)
- OKLCH
- oklch(0.381 0.037 23.9)
- OKLab
- oklab(0.381 0.034 0.015)
- CIE Lab
- lab(27.86 11.6 6.05)
- LCH
- lch(27.86 13.08 27.5)
- CMYK
- cmyk(0% 31% 33% 67%)
Tinte · Ombre · Toni
Tinte
- 654C4A
- 755E5C
- 85716F
- 968482
- A79796
- B8ABAA
- C9C0BF
- DBD4D4
- EDEAE9
Ombre
- 493230
- 3D2928
- 31211F
- 261917
- 1C1110
- 110909
- 080404
- 020101
- 000000
Toni
- 594240
- 5E4846
- 624F4D
- 675654
- 6B5D5B
- 6F6463
- 736B6A
- 787271
- 7C7979
Armonie di colore
Complementare +180°
- 553B39
Monkey Island
- 29494C
≈ Ponderosa Pine
Analogo -30° +30°
- 553B39
Monkey Island
- 533B44
≈ Monarch Velvet
- 533D30
≈ Liver Brown
Triadico +120° +240°
- 553B39
Monkey Island
- 374836
≈ Mallardish
- 394357
≈ Soulful
Complementare divisa +150° +210°
- 553B39
Monkey Island
- 2D4941
≈ Peacock House
- 2E4654
≈ Blue Wing Teal
Tetradico +90° +180° +270°
- 553B39
Monkey Island
- 42452E
≈ Garden Path
- 29494C
≈ Ponderosa Pine
- 433F55
≈ Artistic Licence
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.14:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.07:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.14:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--monkey-island: #553b39;
--monkey-island-rgb: 85 59 57;
--monkey-island-oklch: oklch(0.381 0.037 23.9);
}
.element {
color: var(--monkey-island);
background-color: hsl(4 20% 28%);
border-color: oklch(0.381 0.037 23.9);
}Tailwind CSS v4
@theme {
--color-monkey-island: #553b39;
--color-monkey-island-50: #fff1f0;
--color-monkey-island-100: #f4e3e1;
--color-monkey-island-200: #e4cfcc;
--color-monkey-island-300: #cab1ae;
--color-monkey-island-400: #b49694;
--color-monkey-island-500: #9e7d7a;
--color-monkey-island-600: #856a68;
--color-monkey-island-700: #6b5553;
--color-monkey-island-800: #4f3d3d;
--color-monkey-island-900: #372a2a;
--color-monkey-island-950: #221817;
}SCSS
$monkey-island: #553b39;
$monkey-island-rgb: 85, 59, 57;
$monkey-island-light: mix(#fff, $monkey-island, 20%);
$monkey-island-dark: mix(#000, $monkey-island, 20%);
.element {
color: $monkey-island;
box-shadow: 0 0 0 2px rgba($monkey-island, 0.35);
}